/* CSS personalizado para 03 VENDER COCHE */ /**************************************** GAMA DE COLORES ****************************************/ /* Azul Oscuro: 03579F rgb( 3, 87,159) */ /* Gris: 999999 rgb(153,153,153) */ /* Azul Medio: 81ABCF rgb(129,171,207) */ /* Azul Claro: C0D5E7 rgb(192,213,231) */ /* Azul Muy Claro: DFEAF3 rgb(223,234,243) */ /* 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 * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowAzul .divAzul { padding-top: 40px; width: 100%; background: var(--color3-hex); background-image: url("/wp-content/uploads/fondo_tasacion.png"); } #rowAzul .divAzul { background-repeat: no-repeat; background-position: bottom right; } #rowAzul .divAzul h1 { font-size: 50px; font-weight: 900; 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: 1500px; display: flex; flex-wrap: wrap; justify-content: space-evenly; } #rowAzul .divFeature { padding-bottom: 40px; font-size: 24px; font-weight: 600; color: #FFFFFF; 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 { font-family: var(--font-family-fira); line-height: 120%; } #rowAzul .divFeature:nth-of-type(1) { width: 185px; } #rowAzul .divFeature:nth-of-type(2) { width: 185px; } #rowAzul .divFeature:nth-of-type(3) { width: 225px; } #rowAzul .divFeature:nth-of-type(4) { width: 215px; } #rowAzul .divFeature:nth-of-type(5) { width: 280px; } @media (max-width: 1280px) { #rowAzul .divFeatures { max-width: 800px; } } @media (max-width: 1180px) { #rowAzul .divAzul { padding-top: 30px; } #rowAzul .divAzul h1 { font-size: 40px; } #rowAzul .divFeatures { margin: 30px auto 0px auto; max-width: 1080px; } #rowAzul .divFeature { padding-bottom: 30px; font-size: 20px; } #rowAzul .divFeature:before { font-size: 36px; } #rowAzul .divFeature:nth-of-type(1) { width: 155px; } #rowAzul .divFeature:nth-of-type(2) { width: 155px; } #rowAzul .divFeature:nth-of-type(3) { width: 190px; } #rowAzul .divFeature:nth-of-type(4) { width: 180px; } #rowAzul .divFeature:nth-of-type(5) { width: 235px; } } @media (max-width: 1080px) { #rowAzul .divFeatures { max-width: 675px; } } @media (max-width: 980px) { #rowAzul .divAzul h1 { font-size: 30px; } #rowAzul .divFeatures { max-width: 600px; } #rowAzul .divFeature { font-size: 18px; } #rowAzul .divFeature:before { margin-bottom: 10px; font-size: 30px; } #rowAzul .divFeature:nth-of-type(1) { width: 140px; } #rowAzul .divFeature:nth-of-type(2) { width: 140px; } #rowAzul .divFeature:nth-of-type(3) { width: 170px; } #rowAzul .divFeature:nth-of-type(4) { width: 160px; } #rowAzul .divFeature:nth-of-type(5) { width: 210px; } } @media (max-width: 780px) { #rowAzul .divAzul { padding-top: 20px; } #rowAzul .divAzul h1 { font-size: 24px; } #rowAzul .divFeatures { margin: 20px auto 0px auto; max-width: 540px; } #rowAzul .divFeature { padding-bottom: 20px; font-size: 16px; } #rowAzul .divFeature:before { margin-bottom: 5px; font-size: 24px; } #rowAzul .divFeature:nth-of-type(1) { width: 125px; } #rowAzul .divFeature:nth-of-type(2) { width: 125px; } #rowAzul .divFeature:nth-of-type(3) { width: 150px; } #rowAzul .divFeature:nth-of-type(4) { width: 145px; } #rowAzul .divFeature:nth-of-type(5) { width: 190px; } } @media (max-width: 580px) { #rowAzul .divAzul h1 { font-size: 20px; } #rowAzul .divFeatures { max-width: 475px; } #rowAzul .divFeature { font-size: 14px; } #rowAzul .divFeature:before { font-size: 20px; } #rowAzul .divFeature:nth-of-type(1) { width: 110px; } #rowAzul .divFeature:nth-of-type(2) { width: 110px; } #rowAzul .divFeature:nth-of-type(3) { width: 135px; } #rowAzul .divFeature:nth-of-type(4) { width: 125px; } #rowAzul .divFeature:nth-of-type(5) { width: 165px; } } @media (max-width: 480px) { #rowAzul .divAzul h1 { padding: 0px 20px; } #rowAzul .divFeatures { max-width: 475px; } #rowAzul .divFeature:nth-of-type(1) { width: 155px; } #rowAzul .divFeature:nth-of-type(2) { width: 155px; } #rowAzul .divFeature:nth-of-type(3) { width: 155px; } #rowAzul .divFeature:nth-of-type(4) { width: 155px; } #rowAzul .divFeature:nth-of-type(5) { width: 255px; } } @media (max-width: 380px) { #rowAzul .divAzul h1 { padding: 0px; } #rowAzul .divAzul { padding: 20px 20px 0px 20px; } #rowAzul .divFeatures { max-width: 255px; } #rowAzul .divFeature:nth-of-type(3) { width: 200px; } #rowAzul .divFeature:nth-of-type(4) { width: 195px; } } /****************************************** #rowTasacion *****************************************/ #rowTasacion { padding: 0px; } #rowTasacion * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowTasacion .divTasacion { padding: 0px 20px; display: flex; justify-content: space-between; } #rowTasacion .divIzda { width: 630px; } #rowTasacion .divDcha { width: calc(100% - 670px); } /* FORM CF7 */ #rowTasacion { margin: auto; max-width: 1080px; } #rowTasacion .divCabecera { padding: 20px 0px; background: var(--color1-hex); border-radius: 20px 20px 0px 0px; } #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/cochesd/images/iconos/icono_tasacion_azul.png"); } #rowTasacion .divCabecera h2 { font-size: 30px; font-weight: 700; color: #FFFFFF; text-align: center; } #rowTasacion .divCabecera h6 { margin: 10px auto 0px auto !important; max-width: 335px; font-size: 18px; font-weight: 500; 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 { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } #rowTasacion .divFormTasacion .divlabel { flex: 0 0 110px; font-size: 16px; } #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 { margin: 10px 0px; width: 100%; } #rowTasacion .divFormTasacion .divFieldCombustible .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 .divFieldCombustible .wpcf7-list-item-label { font-size: 14px; color: var(--color-azu3-hex); } #rowTasacion .divFormTasacion .divFieldEstado { margin-bottom: 10px; width: 100%; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item { margin-left: 0px; } #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: 95px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item-label { font-size: 14px; color: var(--color-azu3-hex); } #rowTasacion .divFormTasacion .divFieldMatriculacion { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldKilometraje { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldInteres { margin-bottom: 10px; font-size: 14px; color: var(--color-azu3-hex); } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item-label { font-size: 14px; color: var(--color-azu3-hex); } #rowTasacion .divFormTasacion .divFieldComentarios { width: 100%; } #rowTasacion .divFormTasacion .divFieldComentarios { flex-wrap: wrap; } #rowTasacion .divFormTasacion .divFieldComentarios .divlabel { flex: 0 0 100%; margin-bottom: 5px; } #rowTasacion .divFormTasacion .divFieldAcepto { width: 100%; } #rowTasacion .divFormTasacion .divFieldAcepto p { text-align: justify; } #rowTasacion .divFormTasacion .divFieldSubmit { width: 100%; justify-content: center; } #rowTasacion .divFormTasacion .divFieldSubmit input { margin-left: 20px; white-space: normal; } #rowTasacion .divFormTasacion .divGrupoLegal { padding-bottom: 0px; } #rowTasacion .divFormTasacion .divGrupoLegal .divField { padding-bottom: 0px; } @media (max-width: 1080px) { #rowTasacion .divIzda { width: 500px; } #rowTasacion .divDcha { width: calc(100% - 540px); } #rowTasacion .divCabecera .divIcono { width: 48px; height: 48px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(4) { margin-top: 8px; width: 100px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(5) { margin-top: 8px; } #rowTasacion .divFormTasacion .divFieldInteres { width: 310px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(1) { width: 190px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(2) { margin-left: 0px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(3) { margin: 8px 0px 0px 0px; width: 190px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(4) { margin: 8px 0px 0px 0px; } #rowTasacion .divFormTasacion .divFieldSubmit { margin: auto; width: 330px; } } @media (max-width: 980px) { #rowTasacion .divIzda { width: 410px; } #rowTasacion .divDcha { width: calc(100% - 440px); } #rowTasacion .divFormTasacion .divFieldNombre { width: 100%; } #rowTasacion .divFormTasacion .divFieldApellidos { width: 100%; } #rowTasacion .divFormTasacion .divFieldMail { width: calc(100% - 135px); } #rowTasacion .divFormTasacion .divFieldTelefono { width: 125px; } #rowTasacion .divFormTasacion .divFieldPoblacion { width: 100%; } #rowTasacion .divFormTasacion .divFieldProvincia { width: 100%; } #rowTasacion .divFormTasacion .divFieldMarca { width: 100%; } #rowTasacion .divFormTasacion .divFieldModelo { width: 100%; } #rowTasacion .divFormTasacion .divFieldCombustible { flex-wrap: wrap; } #rowTasacion .divFormTasacion .divFieldCombustible .divlabel { margin-bottom: 5px; flex: 0 0 100%; } #rowTasacion .divFormTasacion .divFieldEstado { width: 270px; flex-wrap: wrap; } #rowTasacion .divFormTasacion .divFieldEstado .divlabel { margin-bottom: 5px; flex: 0 0 100%; } #rowTasacion .divFormTasacion .divFieldMatriculacion { width: calc(100% - 130px); } #rowTasacion .divFormTasacion .divFieldKilometraje { width: 120px; } #rowTasacion .divFormTasacion .divFieldSubmit input { margin-left: 20px; white-space: normal; } } @media (max-width: 780px) { #rowTasacion .divTasacion { padding: 0px 10px; flex-wrap: wrap; } #rowTasacion .divIzda { width: 100%; } #rowTasacion .divDcha { margin-top: 30px; width: 100%; } #rowTasacion .divCabecera h2 { font-size: 24px; } #rowTasacion .divCabecera h6 { margin: 10px auto 0px auto !important; width: 300px; font-size: 14px; } #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 .divFieldEstado { width: 100%; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(4) { margin-top: 0px; width: 70px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(5) { margin-top: 0px; } #rowTasacion .divFormTasacion .divFieldMatriculacion { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldKilometraje { width: calc(50% - 10px); } #rowTasacion .divFormTasacion .divFieldInteres { width: 100%; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(1) { width: 90px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(2) { width: 130px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(3) { margin: 0px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(4) { margin: 0px; } } @media (max-width: 680px) { #rowTasacion .divFormTasacion .divFieldInteres { width: 310px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(1) { width: 190px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(2) { width: 120px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(3) { margin-top: 8px; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(4) { margin-top: 8px; } } @media (max-width: 580px) { #rowTasacion .divFormTasacion .divFieldNombre { width: 100%; } #rowTasacion .divFormTasacion .divFieldApellidos { width: 100%; } #rowTasacion .divFormTasacion .divFieldMail { width: calc(100% - 135px); } #rowTasacion .divFormTasacion .divFieldTelefono { width: 125px; } #rowTasacion .divFormTasacion .divFieldPoblacion { width: 100%; } #rowTasacion .divFormTasacion .divFieldProvincia { width: 100%; } #rowTasacion .divFormTasacion .divFieldMarca { width: 100%; } #rowTasacion .divFormTasacion .divFieldModelo { width: 100%; } #rowTasacion .divFormTasacion .divFieldEstado { width: 270px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(4) { margin-top: 8px; width: 100px; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item:nth-of-type(5) { margin-top: 8px; } #rowTasacion .divFormTasacion .divFieldMatriculacion { width: calc(100% - 130px); } #rowTasacion .divFormTasacion .divFieldKilometraje { width: 120px; } } @media (max-width: 480px) { #rowTasacion .divFormTasacion .divFieldMail { width: 100%; } #rowTasacion .divFormTasacion .divFieldTelefono { width: 100%; } #rowTasacion .divFormTasacion .divFieldCombustible .wpcf7-list-item { margin-top: 8px; width: 100% !important; } #rowTasacion .divFormTasacion .divFieldEstado .wpcf7-list-item { margin-top: 8px; width: 100% !important; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item { margin-top: 8px; width: 100% !important; } #rowTasacion .divFormTasacion .divFieldInteres .wpcf7-list-item:nth-of-type(1) { margin-top: 0px; } #rowTasacion .divFormTasacion .divFieldMatriculacion { width: 100%; } #rowTasacion .divFormTasacion .divFieldKilometraje { width: 100%; } } @media (max-width: 380px) { #rowTasacion .divTasacion { padding: 0px; } #rowTasacion .divCabecera h2 { font-size: 20px; } #rowTasacion .divCabecera h6 { width: 180px; } } /* PASOS */ #rowTasacion .divPaso { margin-bottom: 15px; display: flex; } #rowTasacion .divPaso .divNumero { width: 42px; height: 42px; background: var(--color1-hex); font-size: 30px; font-weight: 700; 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-size: 20px; font-weight: 700; color: var(--color1-hex); } #rowTasacion .divPaso .divTexto p { margin: 10px 0px; line-height: 120%; } #rowTasacion .divPaso .divTexto ul { margin: 0px; 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: 36px; height: 36px; font-size: 24px; } #rowTasacion .divPaso .divTexto { width: 100%; } #rowTasacion .divPaso .divTexto h2 { font-size: 18px; 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; } } @media (max-width: 780px) { #rowTasacion .divPaso { display: flex; } #rowTasacion .divPaso .divNumero { flex: 0 0 32px; height: 32px; font-size: 20px; } #rowTasacion .divPaso .divTexto h2 { font-size: 16px; } #rowTasacion .divPaso .divTexto p:first-of-type { margin-top: 10px; } #rowTasacion .divPaso .divTexto p { font-size: 13px; line-height: 140%; } #rowTasacion .divPaso .divTexto ul { font-size: 13px; line-height: 140%; } }