/* CSS personalizado para 06 SERVICIOS */ /**************************************** 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 ***********************************/ /***************************************** #rowServicios *****************************************/ #rowServicios .divServicios { display: flex; flex-wrap: wrap; justify-content: space-between; } #rowServicios .divServicios * { font-family: var(--font-family-narrow); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowServicios .divServicios .divHeading { width: 100%; } #rowServicios .divServicio { position: relative; margin-bottom: 50px; width: calc(50% - 25px); height: 300px; box-shadow: 0px 20px 6px -15px rgba(0,0,0,0.5); } #rowServicios .divServicio { background-repeat: no-repeat; background-size: cover; background-position: center center; } #rowServicios .divServicio { background-image: url("/wp-content/themes/tumasa/images/servicios/foto_servicios_taller.jpg"); } #rowServicios .divServicioFinanciacion { background-image: url("/wp-content/themes/tumasa/images/servicios/foto_servicios_financiacion.jpg"); } #rowServicios .divServicioRecambios { background-image: url("/wp-content/themes/tumasa/images/servicios/foto_servicios_recambios.jpg"); } #rowServicios .divServicioSeguros { background-image: url("/wp-content/themes/tumasa/images/servicios/foto_servicios_seguros.jpg"); } #rowServicios .divContent { padding: 20px; width: 100%; height: 100%; } #rowServicios .divContent { background: linear-gradient(rgba(var(--color1-rgb),1) 20%, rgba(var(--color1-rgb),0) 100%); } #rowServicios .divTitulo { display: flex; align-items: center; } #rowServicios .divTitulo .divIcono { margin-right: 20px; width: 56px; height: 56px; background: #FFFFFF; border-radius: 50%; flex: 0 0 56px; } #rowServicios .divTitulo .divIcono { background-repeat: no-repeat; background-size: 70%; background-position: center center; } #rowServicios .divTitulo .divIconoTaller { background-image: url("/wp-content/themes/tumasa/images/iconos/icono_taller_azul.png"); } #rowServicios .divTitulo .divIconoFinanciacion { background-image: url("/wp-content/themes/tumasa/images/iconos/icono_financiacion_azul.png"); } #rowServicios .divTitulo .divIconoRecambios { background-image: url("/wp-content/themes/tumasa/images/iconos/icono_recambios_azul.png"); } #rowServicios .divTitulo .divIconoSeguros { background-image: url("/wp-content/themes/tumasa/images/iconos/icono_seguros_azul.png"); } #rowServicios .divTitulo h2 { font-family: var(--font-family-extra-narrow) !important; font-size: 48px; font-weight: 700 !important; color: #FFFFFF; } #rowServicios .divTitulo h2 { line-height: 100%; text-shadow: 0px 2px 2px rgba(0,0,0,0.5); } #rowServicios .divTexto p { margin: 20px 0px 0px 0px; width: 300px; font-family: var(--font-family-extra-narrow); } #rowServicios .divTexto p { font-size: 24px; font-weight: 600; color: #FFFFFF; line-height: 100%; text-shadow: 0px 2px 2px rgba(0,0,0,0.5); } #rowServicios .aButton { position: absolute; bottom: 15px; right: 15px; padding: 6px 30px; font-size: 18px; } #rowServicios .aButton { font-weight: 600; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); } @media (max-width: 1180px) { #rowServicios .divServicios { padding: 0px 20px; } } @media (max-width: 980px) { #rowServicios .divServicio { margin-bottom: 40px; width: calc(50% - 20px); height: 260px; } #rowServicios .divTitulo .divIcono { width: 48px; height: 48px; flex: 0 0 48px; } #rowServicios .divTitulo h2 { font-size: 42px; } #rowServicios .divTexto p { font-size: 20px; } } @media (max-width: 880px) { #rowServicios .divTexto p { width: auto; } } @media (max-width: 780px) { #rowServicios .divServicio { margin-bottom: 30px; width: calc(50% - 15px); height: 360px; } #rowServicios .divTitulo .divIcono { margin: 0px 0px 15px 0px; } #rowServicios .divTitulo { flex-direction: column; } #rowServicios .divTitulo h2 { font-size: 36px; text-align: center; } #rowServicios .divTexto p { font-size: 18px; text-align: center; } #rowServicios .aButton { left: 50%; transform: translateX(-50%); right: auto; white-space: nowrap; } #rowServicios .aButton:hover { transform: translateX(-50%) scale(1.1); } } @media (max-width: 580px) { #rowServicios .divServicio { margin-bottom: 20px; width: 100%; height: 220px; } #rowServicios .divTitulo .divIcono { margin: 0px 10px 0px 0px; width: 32px; height: 32px; flex: 0 0 32px; } #rowServicios .divTitulo { flex-direction: row; } #rowServicios .divTitulo h2 { font-size: 32px; text-align: left; } #rowServicios .divTexto p { text-align: left; } #rowServicios .aButton { padding: 4px 20px; font-size: 16px; } } @media (max-width: 480px) { #rowServicios .divServicios { padding: 0px; } #rowServicios .divServicio { height: 200px; } #rowServicios .divTitulo h2 { font-size: 28px; } #rowServicios .divTexto p { font-size: 16px; } } @media (max-width: 380px) { #rowServicios .divServicio { height: 160px; } #rowServicios .divContent { padding: 10px; } #rowServicios .divTitulo h2 { font-size: 24px; } #rowServicios .divTexto p { margin-top: 15px; font-size: 14px; } #rowServicios .aButton { bottom: 10px; padding: 4px 20px; font-size: 14px; border-radius: 8px; } } /******************************************** #rowPRC ********************************************/ #rowPRC .divPRC { margin: auto; padding: 40px; max-width: 1080px; text-align: center; } #rowPRC .divPRC { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #rowPRC .divPRC * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #rowPRC .divPRC:hover { transform: scale(1.1); } #rowPRC .divLogo { position: relative; width: 400px; display: inline-block; } #rowPRC .divIcono { position: absolute; bottom: 0px; right: -65px; width: 56px; height: 56px; } #rowPRC .divIcono { background-image: url("/wp-content/themes/tumasa/images/iconos/cursor_pointer.png"); background-size: contain; } #rowPRC .divTexto { margin-top: 30px; } #rowPRC .divTexto h2 { font-family: var(--font-family-narrow) !important; font-size: 36px; font-weight: 700 !important; color: #FFFFFF; line-height: 100%; } #rowPRC .divTexto p { margin: 30px 0px 0px 0px; font-family: var(--font-family-narrow); font-size: 24px; font-weight: 600; color: #FFFFFF; line-height: 100%; } @media (max-width: 1080px) { #rowPRC .divLogo { width: 360px; } #rowPRC .divIcono { right: -55px; width: 48px; height: 48px; } #rowPRC .divTexto h2 { font-size: 34px; } #rowPRC .divTexto p { font-size: 22px; } } @media (max-width: 980px) { #rowPRC .divTexto h2 { font-size: 30px; } } @media (max-width: 780px) { #rowPRC .divLogo { width: 320px; } #rowPRC .divIcono { bottom: 15px; right: -35px; width: 32px; height: 32px; } #rowPRC .divTexto h2 { font-size: 30px; } } @media (max-width: 580px) { #rowPRC .divLogo { width: 300px; } #rowPRC .divTexto { margin-top: 20px; } #rowPRC .divTexto h2 { font-size: 26px; } #rowPRC .divTexto p { margin: 20px 0px 0px 0px; font-size: 18px; } } @media (max-width: 480px) { #rowPRC .divPRC { padding: 30px; } #rowPRC .divLogo { width: 240px; } #rowPRC .divIcono { bottom: 5px; } #rowPRC .divTexto h2 { font-size: 20px; } #rowPRC .divTexto p { font-size: 14px; } } @media (max-width: 380px) { #rowPRC .divPRC { padding: 20px; } #rowPRC .divLogo { width: 220px; } #rowPRC .divTexto h2 { font-size: 20px; } #rowPRC .divTexto p { font-size: 14px; } } /*************************************** #rowOtrosServicios **************************************/ #rowOtrosServicios .divServicios { display: flex; flex-wrap: wrap; justify-content: space-between; } #rowOtrosServicios .divServicios * { font-family: var(--font-family-narrow); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowOtrosServicios .divServicios .divHeading { width: 100%; } #rowOtrosServicios .divServicio { position: relative; margin-bottom: 30px; width: calc(33.33% - 15px); height: 300px; box-shadow: 0px 20px 6px -15px rgba(0,0,0,0.5); } #rowOtrosServicios .divServicio { background-repeat: no-repeat; background-size: cover; background-position: center center; } #rowOtrosServicios .divServicio { background-image: url("/wp-content/themes/tumasa/images/servicios/foto_servicios_taller.jpg"); } #rowOtrosServicios .divServicioFinanciacion { background-image: url("/wp-content/themes/tumasa/images/servicios/foto_servicios_financiacion.jpg"); } #rowOtrosServicios .divServicioRecambios { background-image: url("/wp-content/themes/tumasa/images/servicios/foto_servicios_recambios.jpg"); } #rowOtrosServicios .divServicioSeguros { background-image: url("/wp-content/themes/tumasa/images/servicios/foto_servicios_seguros.jpg"); } #rowOtrosServicios .divContent { padding: 20px; width: 100%; height: 100%; } #rowOtrosServicios .divContent { background: linear-gradient(rgba(var(--color1-rgb),1) 20%, rgba(var(--color1-rgb),0) 100%); } #rowOtrosServicios .divTitulo { display: flex; align-items: center; } #rowOtrosServicios .divTitulo .divIcono { margin-right: 15px; width: 48px; height: 48px; background: #FFFFFF; border-radius: 50%; flex: 0 0 48px; } #rowOtrosServicios .divTitulo .divIcono { background-repeat: no-repeat; background-size: 70%; background-position: center center; } #rowOtrosServicios .divTitulo .divIconoTaller { background-image: url("/wp-content/themes/tumasa/images/iconos/icono_taller_azul.png"); } #rowOtrosServicios .divTitulo .divIconoFinanciacion { background-image: url("/wp-content/themes/tumasa/images/iconos/icono_financiacion_azul.png"); } #rowOtrosServicios .divTitulo .divIconoRecambios { background-image: url("/wp-content/themes/tumasa/images/iconos/icono_recambios_azul.png"); } #rowOtrosServicios .divTitulo .divIconoSeguros { background-image: url("/wp-content/themes/tumasa/images/iconos/icono_seguros_azul.png"); } #rowOtrosServicios .divTitulo h2 { font-family: var(--font-family-extra-narrow) !important; font-size: 40px; font-weight: 700 !important; color: #FFFFFF; } #rowOtrosServicios .divTitulo h2 { line-height: 100%; text-shadow: 0px 2px 2px rgba(0,0,0,0.5); } #rowOtrosServicios .divTexto p { margin: 15px 0px 0px 0px; font-family: var(--font-family-extra-narrow); } #rowOtrosServicios .divTexto p { font-size: 22px; font-weight: 600; color: #FFFFFF; line-height: 100%; text-shadow: 0px 2px 2px rgba(0,0,0,0.5); } #rowOtrosServicios .aButton { position: absolute; bottom: 15px; right: 15px; padding: 6px 30px; font-size: 18px; } #rowOtrosServicios .aButton { font-weight: 600; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); } @media (max-width: 1180px) { #rowOtrosServicios .divServicios { padding: 0px 20px; } } @media (max-width: 1080px) { #rowOtrosServicios .divTitulo .divIcono { width: 42px; height: 42px; flex: 0 0 42px; } #rowOtrosServicios .divTitulo h2 { font-size: 38px; } } @media (max-width: 980px) { #rowOtrosServicios .divServicio { margin-bottom: 20px; width: calc(33.33% - 10px); height: 300px; } #rowOtrosServicios .divContent { padding: 15px; } #rowOtrosServicios .divTitulo .divIcono { margin-right: 10px; width: 32px; height: 32px; flex: 0 0 32px; } #rowOtrosServicios .divTitulo h2 { font-size: 30px; } #rowOtrosServicios .divTexto p { font-size: 20px; } #rowOtrosServicios .aButton { left: 50%; transform: translateX(-50%); right: auto; padding: 4px 20px; font-size: 16px; border-radius: 8px; white-space: nowrap; } #rowOtrosServicios .aButton:hover { transform: translateX(-50%) scale(1.1); } } @media (max-width: 780px) { #rowOtrosServicios .divServicio { width: 100%; height: 160px; } #rowOtrosServicios .divTitulo h2 { font-size: 28px; } #rowOtrosServicios .divTexto p { width: 400px; font-size: 18px; } } @media (max-width: 580px) { #rowOtrosServicios .divTitulo { justify-content: center; } #rowOtrosServicios .divTitulo h2 { font-size: 24px; } #rowOtrosServicios .divTexto p { width: auto; font-size: 16px; text-align: center; } #rowOtrosServicios .aButton { font-size: 14px; border-radius: 6px; } } @media (max-width: 480px) { #rowOtrosServicios .divTitulo .divIcono { width: 28px; height: 28px; flex: 0 0 28px; } #rowOtrosServicios .divTitulo h2 { font-size: 22px; } #rowOtrosServicios .divTexto p { margin: 10px 0px 0px 0px; } } @media (max-width: 380px) { #rowOtrosServicios .divTitulo h2 { font-size: 20px; } #rowOtrosServicios .divServicioRecambios h2 { width: 100px; } #rowOtrosServicios .divTexto p { font-size: 14px; } } /****************************************** #rowServicio *****************************************/ #rowServicio .divServicio { display: flex; justify-content: space-between; } #rowServicio .divServicio * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #rowServicio .divIzda { width: 420px; } #rowServicio .divDcha { width: calc(100% - 460px); } @media (max-width: 1180px) { #rowServicio .divServicio { padding: 0px 20px; } } @media (max-width: 680px) { #rowServicio .divServicio { flex-direction: column-reverse; } } @media (max-width: 480px) { #rowServicio .divServicio { padding: 0px; } } @media (max-width: 980px) { #rowServicio .divIzda { width: 380px; } #rowServicio .divDcha { width: calc(100% - 410px); } } @media (max-width: 880px) { #rowServicio .divIzda { width: 300px; } #rowServicio .divDcha { width: calc(100% - 330px); } } @media (max-width: 780px) { #rowServicio .divIzda { width: 240px; } #rowServicio .divDcha { width: calc(100% - 270px); } } @media (max-width: 680px) { #rowServicio .divIzda { margin-top: 30px; width: 100%; } #rowServicio .divDcha { width: 100%; } } /* .divDcha */ #rowServicio .divDcha .divHeading h3 { font-family: var(--font-family-extra-narrow) !important; color: var(--color1-hex); text-align: justify; } #rowServicio .divDcha .divFoto { margin-top: 30px; width: 100%; height: 200px; } #rowServicio .divDcha .divFoto { background-repeat: no-repeat; background-size: cover; background-position: center center; } #rowServicio .divDcha .divContent { margin-top: 30px; } #rowServicio .divDcha .divContent p { margin: 0px 0px 20px 0px; text-align: justify; } #rowServicio .divDcha .divContent p:last-of-type { margin-bottom: 0px; } #rowServicio .divDcha .divFeatures { margin-top: 30px; padding: 20px; border: solid 1px #DDDDDD; box-shadow: 0px 4px 0px var(--color-azu1-hex); } #rowServicio .divDcha .divFeatures { background: linear-gradient(rgba(var(--color2-rgb),0) 20%, rgba(var(--color3-rgb),0.2) 100%); } #rowServicio .divDcha .divFeatures h3 { font-family: var(--font-family-extra-narrow) !important; color: var(--color1-hex); text-align: center; } #rowServicio .divDcha .divFeatures p { text-align: justify; } #rowServicio .divDcha .divFeatures ul { margin: 20px 20px 0px 20px; list-style-type: none; } #rowServicio .divDcha .divFeatures ul li { margin-bottom: 5px; font-family: var(--font-family-narrow); font-weight: 400; } #rowServicio .divDcha .divFeatures ul li i { color: var(--color-azu1-hex); } @media (max-width: 980px) { #rowServicio .divDcha .divHeading h3 { font-size: 20px; } #rowServicio .divDcha .divFeatures { padding: 20px 15px; } #rowServicio .divDcha .divFeatures h3 { font-size: 20px; } } @media (max-width: 780px) { #rowServicio .divDcha .divHeading h3 { text-align: left; } #rowServicio .divDcha .divContent p { text-align: left; } #rowServicio .divDcha .divFeatures p { text-align: left; } } @media (max-width: 680px) { #rowServicio .divDcha .divHeading h3 { text-align: justify; } #rowServicio .divDcha .divContent p { text-align: justify; } #rowServicio .divDcha .divFeatures p { text-align: justify; } } @media (max-width: 380px) { #rowServicio .divDcha .divHeading h3 { font-size: 18px; } #rowServicio .divDcha .divFeatures h3 { font-size: 18px; } #rowServicio .divDcha .divContent p { font-size: 14px; } #rowServicio .divDcha .divFeatures ul { margin: 20px 10px 0px 10px; } #rowServicio .divDcha .divFeatures ul li { font-size: 14px; } #rowServicio .divDcha .divFeatures p { font-size: 14px; } } /*************************************** .divServicioTaller **************************************/ #rowServicio .divServicioTaller .divDcha .divFoto { background-image: url("/wp-content/themes/tumasa/images/servicios/foto_home_taller.jpg"); } #rowServicio .divServicioTaller .divCabecera { padding: 20px 0px; background: var(--color1-hex); border-radius: 20px 20px 0px 0px; } #rowServicio .divServicioTaller .divCabecera .divIcono { margin: 0px auto 10px auto; width: 64px; height: 64px; background: #FFFFFF; border-radius: 50%; } #rowServicio .divServicioTaller .divCabecera .divIcono { background-repeat: no-repeat; background-size: 70%; background-position: center center; } #rowServicio .divServicioTaller .divCabecera .divIconoTaller { background-image: url("/wp-content/themes/tumasa/images/iconos/icono_nuevo_azul.png"); } #rowServicio .divServicioTaller .divCabecera h2 { margin: auto !important; width: 230px; font-family: var(--font-family-extra-narrow) !important; font-size: 30px; } #rowServicio .divServicioTaller .divCabecera h2 { color: #FFFFFF; text-align: center; line-height: 100%; } #rowServicio .divServicioTaller .divCabecera h6 { margin: auto !important; width: 230px; font-family: var(--font-family-extra-narrow) !important; font-size: 16px; } #rowServicio .divServicioTaller .divCabecera h6 { color: var(--color5-hex); text-align: center; } #rowServicio .divServicioTaller .divCabecera .divAngle { display: none; } #rowServicio .divServicioTaller .divFormCF7 { padding-top: 0px; border-radius: 0px 0px 20px 20px; box-shadow: 0px 30px 10px -25px rgba(0,0,0,0.5); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldNombre { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldApellidos { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMail { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldTelefono { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMarca { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldModelo { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldKms { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMatricula { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldLugar { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldFecha { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMotivo { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldComentarios { width: 100%; align-items: flex-start; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldAcepto { margin: auto; width: 355px; align-items: flex-start; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldSubmit { width: 100%; justify-content: center; } #rowServicio .divServicioTaller .divFormCitaTaller .divlabel { flex: 0 0 125px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldFecha span[role="alert"] { right: 10px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldComentarios { flex-wrap: wrap; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldComentarios .divlabel { flex: 0 0 100%; } @media (max-width: 980px) { #rowServicio .divServicioTaller .divFormCitaTaller .divCabecera h2 { width: 200px; font-size: 24px; } #rowServicio .divServicioTaller .divFormCitaTaller .divCabecera h6 { width: 170px; } } @media (max-width: 880px) { #rowServicio .divServicioTaller .divFormCitaTaller .divFieldNombre { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldApellidos { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMail { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldTelefono { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMarca { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldModelo { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divlabel { flex: 0 0 100px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldFecha .spanOcultar { display: none; } #rowServicio .divServicioTaller .divFormCitaTaller input[type="submit"] { padding: 10px 65px; width: 100%; white-space: inherit; } } @media (max-width: 780px) { #rowServicio .divServicioTaller .divFormCitaTaller .divFieldLugar { flex-wrap: wrap; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldLugar .divlabel { flex: 0 0 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldFecha .spanOcultar { display: initial; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldFecha { flex-wrap: wrap; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldFecha .divlabel { flex: 0 0 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMotivo { flex-wrap: wrap; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMotivo .divlabel { flex: 0 0 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldAcepto p { text-align: left; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldLegal p { text-align: left; } #rowServicio .divServicioTaller .divFormCitaTaller input[type="submit"] { padding: 10px 40px; } } @media (max-width: 680px) { #rowServicio .divServicioTaller .divFormCitaTaller .divCabecera h2 { width: auto; } #rowServicio .divServicioTaller .divFormCitaTaller .divCabecera h6 { width: auto; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldNombre { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldApellidos { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMail { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldTelefono { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMarca { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldModelo { width: calc(50% - 10px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldLugar { flex-wrap: initial; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldLugar .divlabel { flex: 0 0 120px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldFecha { flex-wrap: initial; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldFecha .divlabel { flex: 0 0 120px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMotivo { flex-wrap: initial; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMotivo .divlabel { flex: 0 0 120px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldComentarios { flex-wrap: initial; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldComentarios .divlabel { flex: 0 0 120px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldAcepto p { text-align: justify; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldLegal p { text-align: justify; } #rowServicio .divServicioTaller .divFormCitaTaller input[type="submit"] { width: auto; } } @media (max-width: 580px) { #rowServicio .divServicioTaller .divFormCitaTaller .divCabecera h6 { width: 230px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldLugar .divlabel { flex: 0 0 100px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldFecha .divlabel { flex: 0 0 100px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMotivo .divlabel { flex: 0 0 100px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldComentarios .divlabel { flex: 0 0 100px; } } @media (max-width: 480px) { #rowServicio .divServicioTaller .divFormCitaTaller .divCabecera h2 { width: 230px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldNombre { width: calc(50% - 5px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldApellidos { width: calc(50% - 5px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMail { width: calc(50% - 5px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldTelefono { width: calc(50% - 5px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMarca { width: calc(50% - 5px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldModelo { width: calc(50% - 5px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldKms { width: calc(50% - 5px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMatricula { width: calc(50% - 5px); } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldComentarios { flex-wrap: wrap; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldComentarios .divlabel { flex: 0 0 100%; } } @media (max-width: 380px) { #rowServicio .divServicioTaller .divFormCitaTaller .divFieldNombre { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldApellidos { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMail { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldTelefono { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMarca { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldModelo { width: 100%; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldLugar .divlabel { flex: 0 0 70px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldFecha .divlabel { flex: 0 0 70px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldMotivo .divlabel { flex: 0 0 70px; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldFecha .spanOcultar { display: none; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldAcepto p { text-align: left; } #rowServicio .divServicioTaller .divFormCitaTaller input[type="submit"] { padding: 10px 65px; width: 100%; white-space: inherit; } #rowServicio .divServicioTaller .divFormCitaTaller .divFieldLegal p { text-align: left; } } /************************************* .divServicioRecambios *************************************/ #rowServicio .divServicioRecambios .divDcha .divFoto { background-image: url("/wp-content/themes/tumasa/images/servicios/foto_home_recambios.jpg"); } #rowServicio .divServicioRecambios .divIzda { padding: 20px; border: solid 1px #DDDDDD; box-shadow: 0px 4px 0px var(--color-azu1-hex); } #rowServicio .divServicioRecambios .divIzda { background: linear-gradient(rgba(var(--color2-rgb),0) 20%, rgba(var(--color3-rgb),0.2) 100%); } #rowServicio .divServicioRecambios .divIzda h2 { font-weight: 700 !important; color: var(--color1-hex); text-align: center; line-height: 100%; } #rowServicio .divServicioRecambios .divIzda h4 { margin: 20px auto 0px auto !important; color: var(--color1-hex); text-align: center; line-height: 120%; } #rowServicio .divServicioRecambios .divIzda .divMarcas { margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } #rowServicio .divServicioRecambios .divIzda .divMarca { width: calc(50% - 20px); height: 130px; } #rowServicio .divServicioRecambios .divIzda .divMarca { background-repeat: no-repeat; background-position: center center; background-size: 90%; } #rowServicio .divServicioRecambios .divIzda .divMarcaPeugeot { background-image: url("/wp-content/uploads/logo_peugeot.png"); } #rowServicio .divServicioRecambios .divIzda .divMarcaMazda { background-image: url("/wp-content/uploads/logo_mazda.png"); } #rowServicio .divServicioRecambios .divIzda .divMarcaJaguar { background-image: url("/wp-content/uploads/logo_jaguar.png"); } #rowServicio .divServicioRecambios .divIzda .divMarcaLandRover { background-image: url("/wp-content/uploads/logo_land-rover.png"); } #rowServicio .divServicioRecambios .divIzda .divMarcaSuzuki { background-image: url("/wp-content/uploads/logo_suzuki.png"); } #rowServicio .divServicioRecambios .divIzda .divMarcaOmoda { background-image: url("/wp-content/uploads/logo_omoda.png"); } @media (max-width: 1080px) { #rowServicio .divServicioRecambios .divIzda h4 { width: 260px; } } @media (max-width: 880px) { #rowServicio .divServicioRecambios .divIzda h4 { width: 230px; font-size: 18px; } } @media (max-width: 780px) { #rowServicio .divServicioRecambios .divIzda h2 { font-size: 24px; } #rowServicio .divServicioRecambios .divIzda * { font-family: var(--font-family-extra-narrow); } #rowServicio .divServicioRecambios .divIzda h4 { width: auto; } #rowServicio .divServicioRecambios .divIzda .divMarca { width: calc(50% - 10px); height: 100px; background-size: 100%; } } @media (max-width: 680px) { #rowServicio .divServicioRecambios .divIzda * { font-family: var(--font-family-narrow); } #rowServicio .divServicioRecambios .divIzda h4 { width: 290px; } #rowServicio .divServicioRecambios .divIzda .divMarca { width: calc(33.33% - 10px); height: 120px; background-size: 80%; } } @media (max-width: 480px) { #rowServicio .divServicioRecambios .divIzda h4 { width: 210px; } #rowServicio .divServicioRecambios .divIzda .divMarca { width: calc(50% - 10px); height: 100px; background-size: 80%; } } @media (max-width: 380px) { #rowServicio .divServicioRecambios .divIzda .divMarca { width: calc(50% - 10px); height: 80px; background-size: 80%; } } /************************************ .divServicioFinanciacion ***********************************/ #rowServicio .divServicioFinanciacion .divDcha .divFoto { background-image: url("/wp-content/themes/tumasa/images/servicios/foto_home_financiacion.jpg"); } #rowServicio .divServicioFinanciacion .divCabecera { padding: 20px 0px; background: var(--color1-hex); border-radius: 20px 20px 0px 0px; } #rowServicio .divServicioFinanciacion .divCabecera .divIcono { margin: 0px auto 10px auto; width: 64px; height: 64px; background: #FFFFFF; border-radius: 50%; } #rowServicio .divServicioFinanciacion .divCabecera .divIcono { background-repeat: no-repeat; background-size: 70%; background-position: center center; } #rowServicio .divServicioFinanciacion .divCabecera .divIconoNuevo { background-image: url("/wp-content/themes/tumasa/images/iconos/icono_nuevo_azul.png"); } #rowServicio .divServicioFinanciacion .divCabecera h2 { font-family: var(--font-family-extra-narrow) !important; font-size: 30px; color: #FFFFFF; text-align: center; } #rowServicio .divServicioFinanciacion .divCabecera h6 { font-family: var(--font-family-extra-narrow) !important; font-size: 16px; color: var(--color5-hex); text-align: center; } #rowServicio .divServicioFinanciacion .divCabecera .divAngle { display: none; } #rowServicio .divServicioFinanciacion .divFormCF7 { padding-top: 0px; border-radius: 0px 0px 20px 20px; box-shadow: 0px 30px 10px -25px rgba(0,0,0,0.5); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldNombre { width: calc(50% - 10px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldApellidos { width: calc(50% - 10px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMail { width: calc(50% - 10px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldTelefono { width: calc(50% - 10px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMarca { width: calc(50% - 10px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldModelo { width: calc(50% - 10px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMasInfo { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldLugar { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldFecha { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldComentarios { width: 100%; align-items: flex-start; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldAcepto { margin: auto; width: 355px; align-items: flex-start; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldSubmit { width: 100%; justify-content: center; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMarca.divFieldRequired .wpcf7-form-control-wrap:after { right: 15px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldModelo.divFieldRequired .wpcf7-form-control-wrap:after { right: 15px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMasInfo { padding: 8px 0px 10px 0px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMasInfo .wpcf7-list-item-label { line-height: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMasInfo .wpcf7-list-item-label * { line-height: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divlabel { flex: 0 0 150px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldFecha span[role="alert"] { right: 10px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldComentarios { flex-wrap: wrap; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldComentarios .divlabel { flex: 0 0 100%; } @media (max-width: 980px) { #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divCabecera h2 { font-size: 24px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMasInfo .wpcf7-list-item-label { width: 200px; } } @media (max-width: 880px) { #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divCabecera h2 { margin: auto !important; width: 170px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divCabecera h6 { margin: auto !important; width: 170px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldNombre { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldApellidos { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMail { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldTelefono { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMarca { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldModelo { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divlabel { flex: 0 0 100px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldFecha .spanOcultar { display: none; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo input[type="submit"] { padding: 10px 65px; width: 100%; white-space: inherit; } } @media (max-width: 780px) { #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldLugar { flex-wrap: wrap; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldLugar .divlabel { flex: 0 0 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldFecha .spanOcultar { display: initial; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldFecha { flex-wrap: wrap; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldFecha .divlabel { flex: 0 0 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldAcepto p { text-align: left; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldLegal p { text-align: left; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo input[type="submit"] { padding: 10px 40px; } } @media (max-width: 680px) { #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divCabecera h2 { width: auto; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divCabecera h6 { width: auto; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldNombre { width: calc(50% - 10px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldApellidos { width: calc(50% - 10px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMail { width: calc(50% - 10px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldTelefono { width: calc(50% - 10px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMarca { width: calc(50% - 10px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldModelo { width: calc(50% - 10px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMasInfo .wpcf7-list-item-label { width: auto; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldLugar { flex-wrap: initial; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldLugar .divlabel { flex: 0 0 130px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldFecha { flex-wrap: initial; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldFecha .divlabel { flex: 0 0 130px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldComentarios { flex-wrap: initial; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldComentarios .divlabel { flex: 0 0 130px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldAcepto p { text-align: justify; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldLegal p { text-align: justify; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo input[type="submit"] { width: auto; } } @media (max-width: 580px) { #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldLugar .divlabel { flex: 0 0 120px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldFecha .divlabel { flex: 0 0 120px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldComentarios .divlabel { flex: 0 0 120px; } } @media (max-width: 480px) { #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldNombre { width: calc(50% - 5px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldApellidos { width: calc(50% - 5px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMail { width: calc(50% - 5px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldTelefono { width: calc(50% - 5px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMarca { width: calc(50% - 5px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldModelo { width: calc(50% - 5px); } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMasInfo .wpcf7-list-item-label { width: 200px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldComentarios { flex-wrap: wrap; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldComentarios .divlabel { flex: 0 0 100%; } } @media (max-width: 380px) { #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divCabecera h2 { margin: auto !important; width: 170px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divCabecera h6 { margin: auto !important; width: 170px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldNombre { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldApellidos { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMail { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldTelefono { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldMarca { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldModelo { width: 100%; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldLugar .divlabel { flex: 0 0 80px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldFecha .divlabel { flex: 0 0 80px; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldFecha .spanOcultar { display: none; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldAcepto p { text-align: left; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo input[type="submit"] { padding: 10px 65px; width: 100%; white-space: inherit; } #rowServicio .divServicioFinanciacion .divFormPruebaNuevo .divFieldLegal p { text-align: left; } } /************************************** .divServicioSeguros **************************************/ #rowServicio .divServicioSeguros .divDcha .divFoto { background-image: url("/wp-content/themes/tumasa/images/servicios/foto_home_seguros.jpg"); } #rowServicio .divServicioSeguros .divIzda { padding: 20px; border: solid 1px #DDDDDD; box-shadow: 0px 4px 0px var(--color-azu1-hex); } #rowServicio .divServicioSeguros .divIzda { background: linear-gradient(rgba(var(--color2-rgb),0) 20%, rgba(var(--color3-rgb),0.2) 100%); } #rowServicio .divServicioSeguros .divIzda h2 { font-weight: 700 !important; color: var(--color1-hex); text-align: center; line-height: 100%; } #rowServicio .divServicioSeguros .divIzda h4 { margin: 20px auto 0px auto !important; width: 330px; color: var(--color1-hex); text-align: center; line-height: 120%; } #rowServicio .divServicioSeguros .divIzda .divMarcas { margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } #rowServicio .divServicioSeguros .divIzda .divMarca { width: calc(50% - 20px); height: 120px; } #rowServicio .divServicioSeguros .divIzda .divMarca { background-repeat: no-repeat; background-position: center center; background-size: 80%; } #rowServicio .divServicioSeguros .divIzda .divMarcaPeugeot { background-image: url("/wp-content/uploads/logo_peugeot.png"); } #rowServicio .divServicioSeguros .divIzda .divMarcaMazda { background-image: url("/wp-content/uploads/logo_mazda.png"); } #rowServicio .divServicioSeguros .divIzda .divMarcaJaguar { background-image: url("/wp-content/uploads/logo_jaguar.png"); } #rowServicio .divServicioSeguros .divIzda .divMarcaLandRover { background-image: url("/wp-content/uploads/logo_land-rover.png"); } #rowServicio .divServicioSeguros .divIzda .divMarcaSuzuki { background-image: url("/wp-content/uploads/logo_suzuki.png"); } #rowServicio .divServicioSeguros .divIzda .divMarcaMercedes { background-image: url("/wp-content/uploads/logo_mercedes-benz.png"); } @media (max-width: 880px) { #rowServicio .divServicioSeguros .divIzda h4 { width: 205px; font-size: 18px; } #rowServicio .divServicioSeguros .divIzda .divMarca { height: 100px; background-size: 90%; } } @media (max-width: 780px) { #rowServicio .divServicioSeguros .divIzda h2 { font-size: 24px; } #rowServicio .divServicioSeguros .divIzda * { font-family: var(--font-family-extra-narrow); } #rowServicio .divServicioSeguros .divIzda h4 { width: 180px; } #rowServicio .divServicioSeguros .divIzda .divMarca { width: calc(50% - 10px); height: 100px; background-size: 100%; } } @media (max-width: 680px) { #rowServicio .divServicioSeguros .divIzda * { font-family: var(--font-family-narrow); } #rowServicio .divServicioSeguros .divIzda h4 { width: 350px; } #rowServicio .divServicioSeguros .divIzda .divMarca { width: calc(33.33% - 10px); height: 120px; background-size: 80%; } } @media (max-width: 480px) { #rowServicio .divServicioSeguros .divIzda h4 { width: 185px; } #rowServicio .divServicioSeguros .divIzda .divMarca { width: calc(50% - 10px); height: 100px; background-size: 80%; } } @media (max-width: 380px) { #rowServicio .divServicioSeguros .divIzda .divMarca { width: calc(50% - 10px); height: 80px; background-size: 80%; } }