/* CSS personalizado para 05-01 VEHICULOS DE OCASION / COMPRAMOS TU COCHE */ /**************************************** 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 ***********************************/ /******************************************** #rowAzul *******************************************/ #rowAzul { padding: 0px !important; } #rowAzul .divAzul { padding: 40px; width: 100%; background: var(--color3-hex); } #rowAzul .divAzul { background-image: url("/wp-content/uploads/fondo_tasacion.png"); background-repeat: no-repeat; background-position: bottom right; } #rowAzul .divAzul * { font-family: var(--font-family-narrow); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowAzul .divAzul .fa { font-family: "FontAwesome"; } #rowAzul .divAzul h1 { font-size: 40px; font-weight: 600; color: var(--color1-hex); text-align: center; text-shadow: 0px 2px 2px rgba(255,255,255,0.5); } #rowAzul .divFeatures { margin: 40px auto 0px auto; max-width: 1080px; display: flex; justify-content: space-between; } #rowAzul .divFeature { font-family: var(--font-family-extra-narrow); font-size: 20px; font-weight: 500; color: #FFFFFF; } #rowAzul .divFeature { text-align: center; text-shadow: 0px 1px 0px rgba(0,0,0,0.5); } #rowAzul .divFeature:before { content: "\f058"; margin-bottom: 15px; font-family: "FontAwesome"; font-size: 40px; color: #FFFFFF; display: block; } #rowAzul .divFeature span { line-height: 120%; } @media (max-width: 1080px) { #rowAzul .divAzul h1 { font-size: 36px; } #rowAzul .divFeatures { margin: 30px auto 0px auto; } #rowAzul .divFeature { font-size: 18px; } #rowAzul .divFeature:before { font-size: 36px; } } @media (max-width: 980px) { #rowAzul .divAzul { padding: 30px; } #rowAzul .divAzul h1 { font-size: 30px; letter-spacing: -0.05px; } #rowAzul .divFeatures { margin: 20px auto 0px auto; } #rowAzul .divFeature { font-size: 16px; } #rowAzul .divFeature:before { margin-bottom: 10px; font-size: 30px; } } @media (max-width: 880px) { #rowAzul .divFeature { font-size: 16px; letter-spacing: -0.5px; } } @media (max-width: 780px) { #rowAzul .divAzul { padding: 30px 20px; } #rowAzul .divAzul h1 { font-size: 28px; letter-spacing: normal; } #rowAzul .divFeatures { margin: 10px auto 0px auto; flex-wrap: wrap; justify-content: center; } #rowAzul .divFeature { padding: 10px 15px; letter-spacing: normal; } #rowAzul .divFeature:before { font-size: 28px; } #rowAzul .divFeature br5000:before { content: " "; } #rowAzul .divFeature br700:before { content: "\A"; white-space: pre-line; } } @media (max-width: 680px) { #rowAzul .divAzul { padding: 30px 20px; } #rowAzul .divFeature br5000:before { content: "\A"; } #rowAzul .divFeature br700:before { content: " "; } } @media (max-width: 580px) { #rowAzul .divAzul { padding: 20px; } #rowAzul .divAzul h1 { font-size: 24px; } #rowAzul .divFeature { padding: 10px; font-size: 14px; } #rowAzul .divFeature:before { font-size: 24px; } } @media (max-width: 480px) { #rowAzul .divFeatures { width: 260px; justify-content: flex-start; } #rowAzul .divFeature { padding: 5px 0px; text-align: left; display: flex; align-items: center; } #rowAzul .divFeature:before { margin-right: 10px; } #rowAzul .divFeature br5000:before { content: " "; } #rowAzul .divFeature br700:before { content: "\A"; } } @media (max-width: 380px) { #rowAzul .divAzul h1 { font-size: 20px; } #rowAzul .divFeatures { width: 250px; } #rowAzul .divFeature:before { margin-right: 5px; font-size: 20px; } } /****************************************** #rowTasacion *****************************************/ #rowTasacion .divTasacion { display: flex; justify-content: space-between; } #rowTasacion .divIzda { width: 630px; } #rowTasacion .divDcha { width: calc(100% - 670px); } /* FORM CF7 */ #rowTasacion .divCabecera { padding: 20px 0px; background: var(--color1-hex); border-radius: 20px 20px 0px 0px; } #rowTasacion .divCabecera * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #rowTasacion .divCabecera .divIcono { margin: 0px auto 10px auto; width: 64px; height: 64px; background: #FFFFFF; border-radius: 50%; } #rowTasacion .divCabecera .divIcono { background-repeat: no-repeat; background-size: 70%; background-position: center center; } #rowTasacion .divCabecera .divIconoTasacion { background-image: url("/wp-content/themes/tumasa/images/iconos/icono_tasacion_azul.png"); } #rowTasacion .divCabecera h2 { font-family: var(--font-family-extra-narrow); font-size: 30px; color: #FFFFFF; text-align: center; } #rowTasacion .divCabecera h6 { font-family: var(--font-family-extra-narrow); font-size: 16px; color: var(--color5-hex); text-align: center; } #rowTasacion .divFormCF7 { padding-top: 0px; border-radius: 0px 0px 20px 20px; box-shadow: 0px 30px 10px -25px rgba(0,0,0,0.5); } #rowTasacion .divFormCF7 * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #rowTasacion .divFormTasacion .divFieldNombre { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldApellidos { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldMail { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldTelefono { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldPoblacion { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldProvincia { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldMarca { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldModelo { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldCombustible { width: 100%; } #rowTasacion .divFormTasacion .divFieldEstado { width: 100%; } #rowTasacion .divFormTasacion .divFieldMatriculacion { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldKilometraje { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldComentarios { width: 100%; } #rowTasacion .divFormTasacion .divFieldAcepto { margin: auto; width: 355px; align-items: flex-start; } #rowTasacion .divFormTasacion .divFieldSubmit { width: 100%; justify-content: center; } #rowTasacion .divFormTasacion .divlabel { flex: 0 0 145px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item { margin-left: 0px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item { margin-left: 0px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(1) { width: 100px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(2) { width: 80px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(3) { width: 90px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(1) { width: 100px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(2) { width: 80px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(3) { width: 90px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(4) { width: 75px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(5) { width: 85px; } #rowTasacion .divFormTasacion .divFieldComentarios { flex-wrap: wrap; } #rowTasacion .divFormTasacion .divFieldComentarios .divlabel { flex: 0 0 100%; } @media (max-width: 1180px) { #rowTasacion .divTasacion { padding: 0px 20px; } } @media (max-width: 1080px) { #rowTasacion .divIzda { width: 520px; } #rowTasacion .divDcha { width: calc(100% - 560px); } #rowTasacion .divCabecera .divIcono { width: 48px; height: 48px; } #rowTasacion .divCabecera h2 { font-size: 28px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(4) { width: 100px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(5) { width: 85px; } } @media (max-width: 980px) { #rowTasacion .divIzda { width: 450px; } #rowTasacion .divDcha { width: calc(100% - 470px); } #rowTasacion .divCabecera h2 { font-size: 24px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(1) { width: 95px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(2) { width: 80px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(3) { width: 75px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(1) { width: 95px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(2) { width: 80px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(3) { width: 75px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(4) { width: 95px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(5) { width: 85px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item { margin: 0px 0px 0px 10px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item-label { margin-left: 4px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:first-of-type { margin: 0px; } } @media (max-width: 780px) { #rowTasacion .divTasacion { flex-wrap: wrap; } #rowTasacion .divIzda { width: 100%; } #rowTasacion .divDcha { margin-top: 30px; width: 100%; } #rowTasacion .divFormTasacion .divFieldNombre { width: calc(33.33% - 10px); } #rowTasacion .divFormTasacion .divFieldApellidos { width: calc(33.33% - 10px); } #rowTasacion .divFormTasacion .divFieldMail { width: calc(33.33% - 10px); } #rowTasacion .divFormTasacion .divFieldTelefono { width: calc(33.33% - 10px); } #rowTasacion .divFormTasacion .divFieldPoblacion { width: calc(33.33% - 10px); } #rowTasacion .divFormTasacion .divFieldProvincia { width: calc(33.33% - 10px); } #rowTasacion .divFormTasacion .divlabel { flex: 0 0 130px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(1) { width: 95px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(2) { width: 80px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(3) { width: 85px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(1) { width: 95px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(2) { width: 80px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(3) { width: 85px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(4) { width: 70px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(5) { width: 75px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item { margin: 0px 0px 0px 20px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item-label { margin-left: 5px; } } @media (max-width: 680px) { #rowTasacion .divFormTasacion .divFieldNombre { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldApellidos { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldMail { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldTelefono { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldPoblacion { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldProvincia { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(1) { width: 95px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(2) { width: 75px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(3) { width: calc(100% - 95px - 75px); } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(1) { width: 95px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(2) { width: 75px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(3) { width: calc(100% - 95px - 75px); } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(4) { width: 95px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(5) { width: 75px; } } @media (max-width: 580px) { #rowTasacion .divFormTasacion .divCabecera h6 { margin: auto !important; width: 220px; } #rowTasacion .divFormTasacion .divlabel { flex: 0 0 110px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(1) { width: 85px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(2) { width: 75px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(3) { width: calc(100% - 85px - 75px); } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(1) { width: 85px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(2) { width: 75px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(3) { width: calc(100% - 85px - 75px); } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(4) { width: 85px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(5) { width: 75px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item { margin: 0px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(1) { width: 150px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(2) { width: calc(100% - 150px); } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(3) { width: 150px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(4) { width: calc(100% - 150px); } } @media (max-width: 480px) { #rowTasacion .divTasacion { padding: 0px; } #rowTasacion .divFormTasacion .divCabecera h6 { margin: auto !important; width: 220px; } #rowTasacion .divFormTasacion .divlabel { flex: 0 0 110px; } #rowTasacion .divFormTasacion .divFieldNombre { width: calc(50% - 5px); } #rowTasacion .divFormTasacion .divFieldApellidos { width: calc(50% - 5px); } #rowTasacion .divFormTasacion .divFieldMail { width: calc(50% - 5px); } #rowTasacion .divFormTasacion .divFieldTelefono { width: calc(50% - 5px); } #rowTasacion .divFormTasacion .divFieldPoblacion { width: calc(50% - 5px); } #rowTasacion .divFormTasacion .divFieldProvincia { width: calc(50% - 5px); } #rowTasacion .divFormTasacion .divFieldMarca { width: calc(50% - 5px); } #rowTasacion .divFormTasacion .divFieldModelo { width: calc(50% - 5px); } #rowTasacion .divFormTasacion .divFieldMatriculacion { width: calc(50% - 5px); } #rowTasacion .divFormTasacion .divFieldKilometraje { width: calc(50% - 5px); } #rowTasacion .divFormTasacion .divlabel { flex: 0 0 115px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(1) { width: 100px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(2) { width: calc(100% - 100px); } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(3) { width: 100px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(1) { width: 100px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(2) { width: calc(100% - 100px); } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(3) { width: 100px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(4) { width: calc(100% - 100px); } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(5) { width: 100px; } } @media (max-width: 380px) { #rowTasacion .divFormTasacion .divFieldNombre { width: 100%; } #rowTasacion .divFormTasacion .divFieldApellidos { width: 100%; } #rowTasacion .divFormTasacion .divFieldMail { width: 100%; } #rowTasacion .divFormTasacion .divFieldTelefono { width: 100%; } #rowTasacion .divFormTasacion .divFieldPoblacion { width: 100%; } #rowTasacion .divFormTasacion .divFieldProvincia { width: 100%; } #rowTasacion .divFormTasacion .divFieldMarca { width: 100%; } #rowTasacion .divFormTasacion .divFieldModelo { width: 100%; } #rowTasacion .divFormTasacion .divFieldMatriculacion { width: 100%; } #rowTasacion .divFormTasacion .divFieldKilometraje { width: 100%; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(1) { width: 88px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(2) { width: 73px; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(3) { width: 78px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(1) { width: 88px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(2) { width: 73px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(3) { width: 78px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(4) { width: 88px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(5) { width: auto; } } @media (max-width: 340px) { #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(1) { width: 100%; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(2) { width: 100%; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item:nth-of-type(3) { width: 100%; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(1) { width: 100%; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(2) { width: 100%; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(3) { width: 100%; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(4) { width: 100%; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(5) { width: 100%; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(1) { width: 100%; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(2) { width: 100%; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(3) { width: 100%; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(4) { width: 100%; } } /* PASOS */ #rowTasacion .divPaso { margin-bottom: 15px; display: flex; } #rowTasacion .divPaso * { font-family: var(--font-family-extra-narrow); } #rowTasacion .divPaso .divNumero { width: 42px; height: 42px; background: var(--color1-hex); font-size: 30px; font-weight: 600; color: #FFFFFF; border-radius: 50%; } #rowTasacion .divPaso .divNumero { display: flex; align-items: center; justify-content: center; } #rowTasacion .divPaso .divTexto { padding: 10px 0px 0px 10px; width: calc(100% - 48px); } #rowTasacion .divPaso .divTexto h2 { font-weight: 600; color: var(--color1-hex); } #rowTasacion .divPaso .divTexto p { margin: 10px 0px; font-weight: 400; line-height: 120%; } #rowTasacion .divPaso .divTexto ul { margin: 0px; font-weight: 400; list-style-type: disc; } #rowTasacion .divPaso .divTexto ul li { margin-bottom: 5px; line-height: 120%; } @media (max-width: 980px) { #rowTasacion .divPaso { display: block; } #rowTasacion .divPaso .divNumero { float: left; margin-right: 10px; width: 32px; height: 32px; font-size: 24px; } #rowTasacion .divPaso .divTexto { padding: 6px 0px 0px 0px; width: 100%; } #rowTasacion .divPaso .divTexto h2 { font-size: 20px; line-height: 100%; } #rowTasacion .divPaso .divTexto p:first-of-type { margin-top: 20px; } #rowTasacion .divPaso .divTexto p { font-size: 14px; } #rowTasacion .divPaso .divTexto ul { font-size: 14px; } }