/* CSS personalizado para 03 VEHICULOS NUEVOS */ /**************************************** GAMA DE COLORES ****************************************/ /* Azul Oscuro: 2E65AE rgb( 46,101,174) */ /* Gris: 999999 rgb(153,153,153) */ /* Azul Medio: 96B2D6 rgb(150,178,214) */ /* Azul Claro: CAD8EA rgb(202,216,234) */ /* Azul Muy Claro: E4EBF4 rgb(228,235,244) */ /* Azul Oscuro: 0099CC rgb( 0,153,204) */ /*Azul Menos Oscuro: 77CCEE rgb(119,204,238) */ /* Azul Medio: BBEEFF rgb(187,238,255) */ /* Azul Claro: DDF6FF rgb(221,246,255) */ /* Azul Muy Claro: EEFBFF rgb(238,251,255) */ /* Naranja Oscuro: FF6000 rgb(255, 96, 0) */ /************************************ MODIFICADOS DE syle-home ***********************************/ /************************************** #rowVehiculosNuevos **************************************/ #rowVehiculosNuevos .divVehiculosNuevos { display: flex; justify-content: space-between; } #rowVehiculosNuevos .divVehiculosNuevos * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #rowVehiculosNuevos .divIzda { width: 420px; } #rowVehiculosNuevos .divDcha { width: calc(100% - 460px); } @media (max-width: 1180px) { #rowVehiculosNuevos .divVehiculosNuevos { padding: 0px 20px; } } @media (max-width: 980px) { #rowVehiculosNuevos .divIzda { width: 380px; } #rowVehiculosNuevos .divDcha { width: calc(100% - 410px); } } @media (max-width: 880px) { #rowVehiculosNuevos .divIzda { width: 300px; } #rowVehiculosNuevos .divDcha { width: calc(100% - 330px); } } @media (max-width: 780px) { #rowVehiculosNuevos .divIzda { width: 240px; } #rowVehiculosNuevos .divDcha { width: calc(100% - 270px); } } @media (max-width: 680px) { #rowVehiculosNuevos .divVehiculosNuevos { flex-direction: column-reverse; } #rowVehiculosNuevos .divIzda { margin-top: 30px; width: 100%; } #rowVehiculosNuevos .divDcha { width: 100%; } } @media (max-width: 480px) { #rowVehiculosNuevos .divVehiculosNuevos { padding: 0px; } } /* FORM CF7 */ #rowVehiculosNuevos .divCabecera { padding: 20px 0px; background: var(--color1-hex); border-radius: 20px 20px 0px 0px; } #rowVehiculosNuevos .divCabecera .divIcono { margin: 0px auto 10px auto; width: 64px; height: 64px; background: #FFFFFF; border-radius: 50%; } #rowVehiculosNuevos .divCabecera .divIcono { background-repeat: no-repeat; background-size: 70%; background-position: center center; } #rowVehiculosNuevos .divCabecera .divIconoNuevo { background-image: url("/wp-content/themes/tumasa/images/iconos/icono_nuevo_azul.png"); } #rowVehiculosNuevos .divCabecera h2 { font-family: var(--font-family-extra-narrow) !important; font-size: 30px; color: #FFFFFF; text-align: center; } #rowVehiculosNuevos .divCabecera h6 { font-family: var(--font-family-extra-narrow) !important; font-size: 16px; color: var(--color5-hex); text-align: center; } #rowVehiculosNuevos .divCabecera .divAngle { display: none; } #rowVehiculosNuevos .divFormCF7 { padding-top: 0px; border-radius: 0px 0px 20px 20px; box-shadow: 0px 30px 10px -25px rgba(0,0,0,0.5); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldNombre { width: calc(50% - 10px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldApellidos { width: calc(50% - 10px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMail { width: calc(50% - 10px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldTelefono { width: calc(50% - 10px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMarca { width: calc(50% - 10px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldModelo { width: calc(50% - 10px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMasInfo { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldLugar { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldFecha { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldComentarios { width: 100%; align-items: flex-start; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldAcepto { margin: auto; width: 355px; align-items: flex-start; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldSubmit { width: 100%; justify-content: center; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMarca.divFieldRequired .wpcf7-form-control-wrap:after { right: 15px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldModelo.divFieldRequired .wpcf7-form-control-wrap:after { right: 15px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMasInfo { padding: 8px 0px 10px 0px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMasInfo .wpcf7-list-item-label { line-height: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMasInfo .wpcf7-list-item-label * { line-height: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divlabel { flex: 0 0 150px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldFecha span[role="alert"] { right: 10px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldComentarios { flex-wrap: wrap; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldComentarios .divlabel { flex: 0 0 100%; } @media (max-width: 980px) { #rowVehiculosNuevos .divFormPruebaNuevo .divCabecera h2 { font-size: 24px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMasInfo .wpcf7-list-item-label { width: 200px; } } @media (max-width: 880px) { #rowVehiculosNuevos .divFormPruebaNuevo .divCabecera h2 { margin: auto !important; width: 170px; } #rowVehiculosNuevos .divFormPruebaNuevo .divCabecera h6 { margin: auto !important; width: 170px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldNombre { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldApellidos { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMail { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldTelefono { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMarca { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldModelo { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divlabel { flex: 0 0 100px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldFecha .spanOcultar { display: none; } #rowVehiculosNuevos .divFormPruebaNuevo input[type="submit"] { padding: 10px 65px; width: 100%; white-space: inherit; } } @media (max-width: 780px) { #rowVehiculosNuevos .divFormPruebaNuevo .divFieldLugar { flex-wrap: wrap; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldLugar .divlabel { flex: 0 0 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldFecha .spanOcultar { display: initial; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldFecha { flex-wrap: wrap; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldFecha .divlabel { flex: 0 0 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldAcepto p { text-align: left; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldLegal p { text-align: left; } #rowVehiculosNuevos .divFormPruebaNuevo input[type="submit"] { padding: 10px 40px; } } @media (max-width: 680px) { #rowVehiculosNuevos .divFormPruebaNuevo .divCabecera h2 { width: auto; } #rowVehiculosNuevos .divFormPruebaNuevo .divCabecera h6 { width: auto; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldNombre { width: calc(50% - 10px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldApellidos { width: calc(50% - 10px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMail { width: calc(50% - 10px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldTelefono { width: calc(50% - 10px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMarca { width: calc(50% - 10px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldModelo { width: calc(50% - 10px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMasInfo .wpcf7-list-item-label { width: auto; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldLugar { flex-wrap: initial; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldLugar .divlabel { flex: 0 0 130px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldFecha { flex-wrap: initial; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldFecha .divlabel { flex: 0 0 130px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldComentarios { flex-wrap: initial; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldComentarios .divlabel { flex: 0 0 130px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldAcepto p { text-align: justify; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldLegal p { text-align: justify; } #rowVehiculosNuevos .divFormPruebaNuevo input[type="submit"] { width: auto; } } @media (max-width: 580px) { #rowVehiculosNuevos .divFormPruebaNuevo .divFieldLugar .divlabel { flex: 0 0 120px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldFecha .divlabel { flex: 0 0 120px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldComentarios .divlabel { flex: 0 0 120px; } } @media (max-width: 480px) { #rowVehiculosNuevos .divFormPruebaNuevo .divFieldNombre { width: calc(50% - 5px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldApellidos { width: calc(50% - 5px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMail { width: calc(50% - 5px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldTelefono { width: calc(50% - 5px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMarca { width: calc(50% - 5px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldModelo { width: calc(50% - 5px); } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMasInfo .wpcf7-list-item-label { width: 200px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldComentarios { flex-wrap: wrap; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldComentarios .divlabel { flex: 0 0 100%; } } @media (max-width: 380px) { #rowVehiculosNuevos .divFormPruebaNuevo .divCabecera h2 { margin: auto !important; width: 170px; } #rowVehiculosNuevos .divFormPruebaNuevo .divCabecera h6 { margin: auto !important; width: 170px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldNombre { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldApellidos { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMail { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldTelefono { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldMarca { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldModelo { width: 100%; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldLugar .divlabel { flex: 0 0 80px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldFecha .divlabel { flex: 0 0 80px; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldFecha .spanOcultar { display: none; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldAcepto p { text-align: left; } #rowVehiculosNuevos .divFormPruebaNuevo input[type="submit"] { padding: 10px 65px; width: 100%; white-space: inherit; } #rowVehiculosNuevos .divFormPruebaNuevo .divFieldLegal p { text-align: left; } } /* MARCAS */ #rowVehiculosNuevos .divDcha * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #rowVehiculosNuevos .divDcha .divTitulo { font-size: 28px; font-weight: 600; color: var(--color1-hex); text-align: center; line-height: 100%; } #rowVehiculosNuevos .divDcha .divLogos { margin: 20px 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } #rowVehiculosNuevos .divDcha .divLogos a { width: calc((100% - 30px) / 7); } #rowVehiculosNuevos .divDcha .divLogo { padding: 5px; width: 100%; border: solid 1px var(--color1-hex); border-radius: 5px; box-shadow: 0px 16px 6px -16px rgba(0,0,0,0.5); } #rowVehiculosNuevos .divDcha .divLogo:hover { transform: scale(1.1); } #rowVehiculosNuevos .divMarcas { border: solid 1px #DDDDDD; } #rowVehiculosNuevos .divMarca { position: relative; width: 100%; height: 150px; display: flex; align-items: center; overflow: hidden; } #rowVehiculosNuevos .divMarcaPar { flex-direction: row-reverse; } #rowVehiculosNuevos .divMarca .divFotoMarca { width: 50%; height: 100%; background-size: 100%; background-position: center center; background-repeat: no-repeat; } #rowVehiculosNuevos .divMarca .divLogoMarca { width: 50%; height: 100%; background-size: 50%; background-position: center center; background-repeat: no-repeat; } #rowVehiculosNuevos .divMarca .divIcono { background-image: url("/wp-content/themes/tumasa/images/iconos/cursor_pointer.png"); background-size: contain; } #rowVehiculosNuevos .divMarca .divIcono { position: absolute; bottom: 10px; width: 32px; height: 32px; } #rowVehiculosNuevos .divMarcaImpar .divIcono { right: 10px; } #rowVehiculosNuevos .divMarcaPar .divIcono { left: 10px; transform: rotate(60deg); } #rowVehiculosNuevos .divMarca:hover .divFotoMarca { background-size: 120%; } #rowVehiculosNuevos .divMarca:hover .divLogoMarca { background-size: 60%; } @media (max-width: 980px) { #rowVehiculosNuevos .divDcha .divTitulo { margin: auto; width: 260px; font-size: 24px; } #rowVehiculosNuevos .divDcha .divTitulo br5000:before { content: " "; } #rowVehiculosNuevos .divDcha .divLogos { margin: 20px auto; width: auto; justify-content: center; } #rowVehiculosNuevos .divDcha .divLogos a { margin: 0px 5px 15px 5px; width: calc((100% - 40px) / 4); } #rowVehiculosNuevos .divMarca { height: 165px; } } @media (max-width: 780px) { #rowVehiculosNuevos .divMarca .divFotoMarca { background-size: 140%; } #rowVehiculosNuevos .divMarca .divLogoMarca { background-size: 80%; } #rowVehiculosNuevos .divMarca:hover .divFotoMarca { background-size: 160%; } #rowVehiculosNuevos .divMarca:hover .divLogoMarca { background-size: 100%; } } @media (max-width: 680px) { #rowVehiculosNuevos .divDcha .divTitulo { width: auto; } #rowVehiculosNuevos .divDcha .divTitulo br5000:before { content: "\A"; } #rowVehiculosNuevos .divDcha .divLogos { justify-content: space-between; } #rowVehiculosNuevos .divDcha .divLogos a { margin: 0px; width: calc((100% - 35px) / 7); } #rowVehiculosNuevos .divMarca { height: 150px; } #rowVehiculosNuevos .divMarca .divFotoMarca { background-size: 100%; } #rowVehiculosNuevos .divMarca .divLogoMarca { background-size: 50%; } #rowVehiculosNuevos .divMarca:hover .divFotoMarca { background-size: 120%; } #rowVehiculosNuevos .divMarca:hover .divLogoMarca { background-size: 60%; } } @media (max-width: 580px) { #rowVehiculosNuevos .divDcha .divLogos { justify-content: center; } #rowVehiculosNuevos .divDcha .divLogos a { margin: 0px 5px 15px 5px; width: calc((100% - 40px) / 4); } } @media (max-width: 480px) { #rowVehiculosNuevos .divDcha .divTitulo { width: 260px; } #rowVehiculosNuevos .divDcha .divTitulo br5000:before { content: " "; } #rowVehiculosNuevos .divMarca .divFotoMarca { background-size: 110%; } #rowVehiculosNuevos .divMarca .divLogoMarca { background-size: 70%; } #rowVehiculosNuevos .divMarca:hover .divFotoMarca { background-size: 130%; } #rowVehiculosNuevos .divMarca:hover .divLogoMarca { background-size: 80%; } #rowVehiculosNuevos .divMarca .divIcono { width: 24px; height: 24px; } } @media (max-width: 380px) { #rowVehiculosNuevos .divDcha .divTitulo { width: 220px; font-size: 20px; } #rowVehiculosNuevos .divDcha .divLogos a { margin: 0px 5px 10px 5px; } #rowVehiculosNuevos .divMarca { height: 100px; } #rowVehiculosNuevos .divMarca .divFotoMarca { background-size: 100%; } #rowVehiculosNuevos .divMarca .divLogoMarca { background-size: 50%; } #rowVehiculosNuevos .divMarca:hover .divFotoMarca { background-size: 120%; } #rowVehiculosNuevos .divMarca:hover .divLogoMarca { background-size: 60%; } } /**************************************** #rowSlideMarca *****************************************/ #rowSlideMarca .divSlide { width: 100%; display: flex; } #rowSlideMarca .divSlide * { font-family: var(--font-family-extra-narrow); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowSlideMarca .divSlide .fa { font-family: "FontAwesome"; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowSlideMarca .divIzda { width: 300px; background: var(--color5-hex); text-align: center; } #rowSlideMarca .divDcha { position: relative; width: calc(100% - 300px); } #rowSlideMarca .divIzda .divLogo { margin: auto; width: 160px; height: 140px; background-repeat: no-repeat; background-size: cover; background-position: center center; } #rowSlideMarca .divIzda .divTitulo { font-size: 20px; font-weight: 700; color: var(--color1-hex); line-height: 100%; } #rowSlideMarca .divIzda .divTexto { margin: 15px 0px; font-size: 18px; font-weight: 400; line-height: 120%; } #rowSlideMarca .divDcha .divFondo { position: absolute; width: 100%; height: 100%; } #rowSlideMarca .divDcha .divFoto { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; } #rowSlideMarca .divDcha .divFrases { position: absolute; top: 20px; left: 20px; max-width: 60%; } #rowSlideMarca .divDcha .divLinea { margin: 5px 0px; width: 100%; height: 1px; background: #FFFFFF; box-shadow: 0px 1px 0px rgba(0,0,0,0.5); } #rowSlideMarca .divDcha .divFrase { color: #FFFFFF; line-height: 100%; text-shadow: 1px 1px 1px #000000; } #rowSlideMarca .divDcha .divFrase * { line-height: 100%; } #rowSlideMarca .divDcha .divFrase1 { font-size: 20px; font-weight: 700; } #rowSlideMarca .divDcha .divFrase2 { font-size: 32px; font-weight: 900; } #rowSlideMarca .divDcha .divFrase3 { font-size: 20px; font-weight: 300; } #rowSlideMarca .divDcha .aBoton { margin-top: 15px; display: table; } #rowSlideMarca .divDcha .divBoton { padding: 2px 30px; font-size: 20px; font-weight: 500; color: #FFFFFF; background: var(--color-azu1-hex); } #rowSlideMarca .divDcha .divBoton { border-radius: 5px; box-shadow: 0px 2px 0px rgba(0,0,0,0.5); text-align: center; display: table; } @media (max-width: 1180px) { #rowSlideMarca .divSlideMarca { padding: 0px 20px; } } @media (max-width: 980px) { #rowSlideMarca .divIzda { width: 260px; } #rowSlideMarca .divDcha { width: calc(100% - 260px); } #rowSlideMarca .divIzda .divTitulo { font-size: 18px; } #rowSlideMarca .divIzda .divTexto { font-size: 16px; } #rowSlideMarca .divDcha .divFrase1 { font-size: 18px; } #rowSlideMarca .divDcha .divFrase2 { font-size: 28px; } #rowSlideMarca .divDcha .divFrase3 { font-size: 18px; } #rowSlideMarca .divDcha .divBoton { font-size: 18px; } } @media (max-width: 880px) { #rowSlideMarca .divIzda { width: 220px; } #rowSlideMarca .divDcha { width: calc(100% - 220px); } } @media (max-width: 780px) { #rowSlideMarca .divIzda { width: 180px; } #rowSlideMarca .divDcha { width: calc(100% - 180px); } } @media (max-width: 680px) { #rowSlideMarca .divIzda { width: 160px; } #rowSlideMarca .divIzda .divLogo { width: 120px; height: 100px; } #rowSlideMarca .divDcha { width: calc(100% - 160px); } #rowSlideMarca .divIzda .divTitulo { font-size: 16px; } #rowSlideMarca .divIzda .divTexto { font-size: 14px; } #rowSlideMarca .divDcha .divFrases { max-width: none; } #rowSlideMarca .divDcha .divFrase1 { font-size: 16px; } #rowSlideMarca .divDcha .divFrase2 { font-size: 24px; } #rowSlideMarca .divDcha .divFrase3 { font-size: 16px; } #rowSlideMarca .divDcha .divBoton { font-size: 16px; } } @media (max-width: 580px) { #rowSlideMarca .divIzda { width: 140px; } #rowSlideMarca .divIzda .divLogo { width: 100px; height: 80px; } #rowSlideMarca .divDcha { width: calc(100% - 140px); } #rowSlideMarca .divDcha .divFrases { width: calc(100% - 40px); } #rowSlideMarca .divDcha .divFrase1 { text-align: center; } #rowSlideMarca .divDcha .divFrase2 { text-align: center; } #rowSlideMarca .divDcha .divFrase3 { text-align: center; } #rowSlideMarca .divDcha .aBoton { margin: 15px auto 0px auto; } } @media (max-width: 480px) { #rowSlideMarca .divSlideMarca { padding: 0px; } #rowSlideMarca .divIzda { width: 120px; } #rowSlideMarca .divIzda .divLogo { width: 80px; height: 80px; } #rowSlideMarca .divDcha { width: calc(100% - 120px); } #rowSlideMarca .divIzda .divTitulo { font-size: 14px; } #rowSlideMarca .divIzda .divTexto { font-size: 12px; } #rowSlideMarca .divDcha .divFrase1 { font-size: 14px; } #rowSlideMarca .divDcha .divFrase2 { font-size: 20px; } #rowSlideMarca .divDcha .divFrase3 { font-size: 14px; } #rowSlideMarca .divDcha .divBoton { font-size: 14px; } } @media (max-width: 380px) { #rowSlideMarca .divSlide { flex-wrap: wrap; } #rowSlideMarca .divIzda { width: 100%; } #rowSlideMarca .divIzda .divTitulo { font-size: 18px; } #rowSlideMarca .divIzda .divTitulo br900:before { content: " "; } #rowSlideMarca .divIzda .divTexto { font-size: 16px; } #rowSlideMarca .divIzda .divTexto br900:before { content: " "; } #rowSlideMarca .divDcha { width: 100%; height: 200px; } #rowSlideMarca .divDcha .divFrase1 { font-size: 16px; } #rowSlideMarca .divDcha .divFrase2 { font-size: 24px; } #rowSlideMarca .divDcha .divFrase3 { font-size: 16px; } #rowSlideMarca .divDcha .divBoton { font-size: 16px; } } /**************************************** #rowListMarca ******************************************/ #rowListMarca .divListMarca * { font-family: var(--font-family-extra-narrow); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowListMarca .divListMarca .fa { font-family: "FontAwesome"; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowListMarca .divListMarca .divTitulo { font-size: 30px; font-weight: 700; color: var(--color1-hex); text-align: center; line-height: 100%; } #rowListMarca .divVehiculos { margin-top: 15px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #rowListMarca .divVehiculo { margin: 20px; width: calc(25% - 40px); background: var(--color5-hex); } #rowListMarca .divVehiculo { border: solid 1px var(--color1-hex); box-shadow: 0px 20px 6px -15px rgb(0,0,0,0.5); } #rowListMarca .divVehiculo:hover { transform: translateY(-10px); } #rowListMarca .divVehiculo .divFoto { box-shadow: 0px 20px 10px -20px rgb(var(--color-azu1-rgb),0.5); line-height: 0px; } #rowListMarca .divVehiculo .divModelo { margin: 10px 0px; } #rowListMarca .divVehiculo .divModelo h5 { font-size: 18px; font-weight: 600; text-align: center; background: var(--color5-hex); } #rowListMarca .divVehiculo .divButton { width: 100%; padding: 5px; font-weight: 500; color: #FFFFFF; background: var(--color-azu1-hex); text-align: center; } @media (max-width: 1180px) { #rowListMarca .divListMarca { padding: 0px 20px; } } @media (max-width: 980px) { #rowListMarca .divVehiculo { width: calc(33.33% - 40px); } } @media (max-width: 780px) { #rowListMarca .divVehiculo { margin: 10px; width: calc(33.33% - 20px); } #rowListMarca .divVehiculo .divModelo h5 { font-size: 16px; } } @media (max-width: 580px) { #rowListMarca .divListMarca .divTitulo { font-size: 24px; } #rowListMarca .divVehiculo { width: calc(50% - 20px); } #rowListMarca .divVehiculo .divModelo h5 { font-size: 18px; } } @media (max-width: 480px) { #rowListMarca .divListMarca { padding: 0px; } #rowListMarca .divVehiculo .divModelo h5 { font-size: 16px; } } @media (max-width: 380px) { #rowListMarca .divListMarca .divTitulo { font-size: 20px; } #rowListMarca .divVehiculo { width: calc(100% - 20px); } #rowListMarca .divVehiculo:hover { transform: scale(1.03); } #rowListMarca .divVehiculo .divFoto { background: #FFFFFF; text-align: center; } #rowListMarca .divVehiculo .divFoto img { width: 100%; max-width: 200px; } #rowListMarca .divVehiculo .divModelo h5 { font-size: 20px; } } /************************************** #rowFormPruebaNuevo **************************************/ #rowFormPruebaNuevo .divCabecera { padding: 20px 0px; background: var(--color1-hex); border-radius: 20px 20px 0px 0px; } #rowFormPruebaNuevo .divCabecera * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #rowFormPruebaNuevo .divCabecera .divIcono { margin: 0px auto 10px auto; width: 64px; height: 64px; background: #FFFFFF; border-radius: 50%; } #rowFormPruebaNuevo .divCabecera .divIcono { background-repeat: no-repeat; background-size: 70%; background-position: center center; } #rowFormPruebaNuevo .divCabecera .divIconoNuevo { background-image: url("/wp-content/themes/tumasa/images/iconos/icono_nuevo_azul.png"); } #rowFormPruebaNuevo .divCabecera h2 { font-family: var(--font-family-extra-narrow); font-size: 30px; color: #FFFFFF; text-align: center; } #rowFormPruebaNuevo .divCabecera h6 { font-family: var(--font-family-extra-narrow); font-size: 16px; color: var(--color5-hex); text-align: center; } #rowFormPruebaNuevo .divCabecera .divAngle { height: 40px; color: #FFFFFF; text-align: center; } #rowFormPruebaNuevo .divCabecera .divAngle i { font-size: 50px; line-height: 40px; cursor: pointer; } #rowFormPruebaNuevo .divCabecera .divAngle i:hover { transform: scale(1.2); } #rowFormPruebaNuevo .divFormCF7 { padding-top: 0px; border-radius: 0px 0px 20px 20px; box-shadow: 0px 30px 10px -25px rgba(0,0,0,0.5); } #rowFormPruebaNuevo .divFormCF7 * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldNombre { width: calc(25% - 10px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldApellidos { width: calc(25% - 10px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMail { width: calc(25% - 10px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldTelefono { width: calc(25% - 10px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMarca { width: calc(25% - 10px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldModelo { width: calc(25% - 10px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMasInfo { width: calc(50% - 10px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divGrupoPrueba { align-items: flex-start; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldLugar { width: 280px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldLugar .divlabel { flex: 0 0 100px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldFecha { width: calc(100% - 280px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldFecha .divlabel { flex: 0 0 160px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldFecha span.fecha { width: 185px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldComentarios { width: 100%; align-items: flex-start; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldComentarios .divlabel { flex: 0 0 100px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldComentarios textarea { height: 100px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldAcepto { margin: auto; width: 660px; align-items: flex-start; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldSubmit { width: 100%; justify-content: center; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMarca.divFieldRequired .wpcf7-form-control-wrap:after { right: 15px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldModelo.divFieldRequired .wpcf7-form-control-wrap:after { right: 15px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMasInfo { padding: 8px 0px 10px 0px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMasInfo .wpcf7-list-item-label { line-height: 100%; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMasInfo .wpcf7-list-item-label * { line-height: 100%; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldFecha span[role="alert"] { right: 30px; } @media (max-width: 1180px) { #rowFormPruebaNuevo .divFormPruebaNuevo { padding: 0px 20px; } } @media (max-width: 980px) { #rowFormPruebaNuevo .divCabecera .divIcono { width: 48px; height: 48px; } #rowFormPruebaNuevo .divCabecera h2 { font-size: 28px; } } @media (max-width: 780px) { #rowFormPruebaNuevo .divFormPruebaNuevo { padding: 0px 15px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldNombre { width: calc(50% - 10px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldApellidos { width: calc(50% - 10px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMail { width: calc(50% - 10px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldTelefono { width: calc(50% - 10px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMarca { width: calc(50% - 10px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldModelo { width: calc(50% - 10px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMasInfo { width: 100%; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldLugar { width: 100%; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldLugar .divlabel { flex: 0 0 140px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldFecha { width: 100%; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldFecha .divlabel { flex: 0 0 140px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldComentarios .divlabel { flex: 0 0 140px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldComentarios textarea { height: 80px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldAcepto { width: auto; } } @media (max-width: 580px) { #rowFormPruebaNuevo .divCabecera .divIcono { width: 40px; height: 40px; } #rowFormPruebaNuevo .divCabecera h2 { font-size: 24px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldNombre { width: calc(50% - 5px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldApellidos { width: calc(50% - 5px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMail { width: calc(50% - 5px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldTelefono { width: calc(50% - 5px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMarca { width: calc(50% - 5px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldModelo { width: calc(50% - 5px); } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldLugar .divlabel { flex: 0 0 120px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldFecha .divlabel { flex: 0 0 120px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldComentarios .divlabel { flex: 0 0 80px; } } @media (max-width: 480px) { #rowFormPruebaNuevo .divFormPruebaNuevo { padding: 0px 5px; } #rowFormPruebaNuevo .divCabecera h2 { font-size: 20px; } #rowFormPruebaNuevo .divCabecera h6 { font-size: 14px; } #rowFormPruebaNuevo .divCabecera .divAngle { height: 30px; } #rowFormPruebaNuevo .divCabecera .divAngle i { font-size: 40px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldNombre { width: 100%; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldApellidos { width: 100%; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMail { width: 100%; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldTelefono { width: 100%; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldComentarios { flex-wrap: wrap; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldComentarios .divlabel { flex: 0 0 100%; } } @media (max-width: 380px) { #rowFormPruebaNuevo .divCabecera h2 { margin: auto !important; width: 140px; } #rowFormPruebaNuevo .divCabecera h6 { margin: auto !important; width: 170px; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldMarca { width: 100%; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldModelo { width: 100%; } #rowFormPruebaNuevo .divFormPruebaNuevo .divFieldFecha span.fecha { width: 100%; } } /**************************************** #rowDestacadosVO ***************************************/ #rowDestacadosVO .divDestacadosVO { margin: auto; max-width: 1280px; } #rowDestacadosVO .divVehiculosOcasion { display: flex; flex-wrap: wrap; justify-content: center; } #rowDestacadosVO .divVehiculosOcasion * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowDestacadosVO .divVehiculoOcasion { position: relative; margin: 20px; width: calc(25% - 40px); border: solid 1px #DDDDDD; } #rowDestacadosVO .divFoto { width: 100%; height: 170px; background-repeat: no-repeat; background-position: center center; background-size: cover; } #rowDestacadosVO .divSello { position: absolute; top: -20px; left: -20px; width: 140px; } #rowDestacadosVO .divTipo { position: absolute; top: -9px; right: -9px; width: 100px; } #rowDestacadosVO .divPrecio { height: 70px; color: #FFFFFF; background: var(--color-azu1-hex); } #rowDestacadosVO .divPrecio { display: flex; align-items: center; justify-content: space-evenly; } #rowDestacadosVO .divPrecio .spanPrecioTachado { font-size: 18px; font-weight: 400; text-decoration: line-through; line-height: 100%; } #rowDestacadosVO .divPrecio .spanPrecio { font-size: 22px; font-weight: 600; line-height: 100%; } #rowDestacadosVO .divPrecio.con_cuota .spanTexto { font-size: 16px; font-weight: 400; font-family: var(--font-family-narrow); } #rowDestacadosVO .divPrecio.con_cuota { justify-content: space-between; } #rowDestacadosVO .divPrecio.con_cuota div:first-of-type { padding-left: 20px; } #rowDestacadosVO .divPrecio.con_cuota div:first-of-type .spanPrecio { display: block; } #rowDestacadosVO .divPrecio.con_cuota div:last-of-type { padding-right: 20px; text-align: center; } #rowDestacadosVO .divPrecio.con_cuota div:last-of-type span { display: block; line-height: 100%; } #rowDestacadosVO .divMarcaModeloVersion { display: flex; align-items: center;} #rowDestacadosVO .divModeloVersion { width: 100%; padding: 15px; } #rowDestacadosVO .divModelo { font-family: var(--font-family-extra-narrow); font-size: 20px; font-weight: 600; color: #333333; line-height: 120%; } #rowDestacadosVO .divVersion { font-family: var(--font-family-extra-narrow); font-size: 16px; font-weight: 500; color: #333333; line-height: 120%; } #rowDestacadosVO .divDatos { display: flex; } #rowDestacadosVO .divDato { height: 30px; white-space: nowrap; display: flex; align-items: center; justify-content: center; } #rowDestacadosVO .divDatoKms { width: 33%; } #rowDestacadosVO .divDatoMatriculacion { width: 34%; border: solid 2px #FFFFFF; border-width: 0px 2px; } #rowDestacadosVO .divDatoCombustible { width: 33%; } #rowDestacadosVO .divDato i.mwp { margin-right: 5px; width: 16px; height: 16px; } #rowDestacadosVO .divDato i.mwp { filter: invert(100%) sepia(2%) saturate(0%) hue-rotate(224deg) brightness(106%) contrast(102%); } #rowDestacadosVO .divDato span { font-family: var(--font-family-extra-narrow); font-size: 12px; font-weight: 400; color: #FFFFFF; line-height: 100%; } #rowDestacadosVO .tipoNuevo .divPrecio { background: var(--color-azu1-hex); } #rowDestacadosVO .tipoNuevo .divDato { background: var(--color-azu1-hex); } #rowDestacadosVO .tipoNuevo .divDatoKms { width: 50%; border-right: solid 1px #FFFFFF; } #rowDestacadosVO .tipoNuevo .divDatoMatriculacion { display: none; } #rowDestacadosVO .tipoNuevo .divDatoCombustible { width: 50%; border-left: solid 1px #FFFFFF; } #rowDestacadosVO .tipoKm0 .divPrecio { background: var(--color-nar1-hex); } #rowDestacadosVO .tipoKm0 .divDato { background: var(--color-nar1-hex); } #rowDestacadosVO .divBotonTodos { margin-top: 30px; text-align: center; } #rowDestacadosVO .divBotonTodos .aButton { padding: 5px 25px; font-family: var(--font-family-extra-narrow); font-size: 20px; text-shadow: none; } #rowDestacadosVO .divVehiculoOcasion:hover { box-shadow: 0px 2px 5px rgba(0,0,0,0.2), 0px -2px 5px rgba(0,0,0,0.2), 2px 0px 5px rgba(0,0,0,0.2), -2px 0px 5px rgba(0,0,0,0.2); transform: scale(1.04); } @media (max-width: 1380px) { #rowDestacadosVO .divDestacadosVO { padding: 0px 40px; } } @media (max-width: 1180px) { #rowDestacadosVO .divVehiculoOcasion { width: calc(33.33% - 40px); } } @media (max-width: 1080px) { #rowDestacadosVO .divVehiculoOcasion { margin: 15px; width: calc(33.33% - 30px); } } @media (max-width: 980px) { #rowDestacadosVO .divVehiculoOcasion { width: calc(50% - 30px); } #rowDestacadosVO .divFoto { height: 220px; } #rowDestacadosVO .divPrecio { height: 60px; } #rowDestacadosVO .divPrecio.con_cuota div:last-of-type span:nth-of-type(2) { display: initial; } #rowDestacadosVO .divPrecio.con_cuota div:last-of-type span:nth-of-type(3) { margin-left: 5px; display: initial; } } @media (max-width: 780px) { #rowDestacadosVO .divDestacadosVO { padding: 0px 30px; } #rowDestacadosVO .divSello { width: 120px; top: -20px; left: -15px; } #rowDestacadosVO .divTipo { width: 80px; top: -7px; right: -7px; } #rowDestacadosVO .divModelo { font-size: 18px; } #rowDestacadosVO .divVersion { font-size: 14px; } #rowDestacadosVO .divDato i.mwp { margin-right: 4px; width: 12px; height: 12px; } #rowDestacadosVO .divVehiculoOcasion:hover { transform: scale(1.02); } } @media (max-width: 680px) { #rowDestacadosVO .divFoto { height: 180px; } #rowDestacadosVO .divPrecio { height: 70px; } #rowDestacadosVO .divPrecio.con_cuota div:last-of-type span { margin-left: 0px !important; display: block !important; } } @media (max-width: 580px) { #rowDestacadosVO .divDestacadosVO { padding: 0px 40px; } #rowDestacadosVO .divVehiculoOcasion { margin: 15px 0px; width: 100%; } #rowDestacadosVO .divSello { top: 150px; left: auto; right: -20px; } #rowDestacadosVO .divFoto { height: 220px; } #rowDestacadosVO .divPrecio { height: 60px; } #rowDestacadosVO .divPrecio.con_cuota div:last-of-type span:nth-of-type(2) { display: initial !important; } #rowDestacadosVO .divPrecio.con_cuota div:last-of-type span:nth-of-type(3) { margin-left: 5px !important; display: initial !important; } #rowDestacadosVO .divModeloVersion { padding: 10px; } #rowDestacadosVO .divModelo { font-size: 20px; text-align: center; } #rowDestacadosVO .divVersion { font-size: 16px; text-align: center; } } @media (max-width: 480px) { #rowDestacadosVO .divFoto { height: 180px; } #rowDestacadosVO .divSello { top: 100px; } #rowDestacadosVO .divPrecio .spanPrecioTachado { font-size: 16px; } #rowDestacadosVO .divPrecio .spanPrecio { font-size: 20px; } } @media (max-width: 380px) { #rowDestacadosVO .divDestacadosVO { padding: 0px 20px; } #rowDestacadosVO .divFoto { height: 160px; } #rowDestacadosVO .divSello { width: 110px; top: 90px; } } @media (max-width: 340px) { #rowDestacadosVO .divSello { width: 100px; top: 80px; } #rowDestacadosVO .divDato i.mwp { display: none; } }