/* CSS personalizado para Single VEHICULOS-OCASION */ /**************************************** 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 ***********************************/ #main { padding: 0px !important; } #main .full-container { max-width: none !important; } .single-vehiculos-ocasion .entry-content * { font-weight: 400; } .single-vehiculos-ocasion .entry-content .fa { font-family: "FontAwesome" !important; } .single-vehiculos-ocasion .entry-content strong { font-weight: 700; } /**************************************** #rowSliderFotos ****************************************/ #rowSliderFotos { padding: 0px !important; } #rowSliderFotos .sliderGalleryFotos { position: relative; } #rowSliderFotos .slide { background: transparent; } #rowSliderFotos .divSlide * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowSliderFotos .divSlide a { display: block; } #rowSliderFotos .divSlide .divFoto { width: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background-repeat: no-repeat; background-position: center center; background-size: 101%; } #rowSliderFotos .divSlide .divFoto:hover { background-size: 120%; } #rowSliderFotos .divSlide .divFoto:after { content: ""; padding-top: 75%; display: block; } #rowSliderFotos .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; z-index: 1; cursor: pointer; } #rowSliderFotos .slick-arrow { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #rowSliderFotos .slick-arrow:hover { background: var(--color3-hex); border-radius: 8px; } #rowSliderFotos .slick-arrow i { width: 100%; height: 100%; font-size: 60px; color: #FFFFFF; display: flex; align-items: center; justify-content: center; } #rowSliderFotos .slick-arrow i:before { padding-bottom: 4px; line-height: 40px; } #rowSliderFotos .slick-prev { left: 20px; } #rowSliderFotos .slick-next { right: 20px; } #rowSliderFotos .slick-dots { position: absolute; bottom: 0px; height: 10px; margin: 0px; width: 100%; list-style-type: none; display: flex; } #rowSliderFotos .slick-dots li { flex: 1; margin: 0px; width: auto; height: 100%; background: #EEEEEE; border: solid 1px #FFFFFF; border-width: 0px 1px; border-radius: 0px; } #rowSliderFotos .slick-dots li button { margin: 0px; padding: 0px; width: 100%; height: 100%; font-size: 0px; outline: none !important; } #rowSliderFotos .slick-dots li button { background-color: transparent; border: none; border-radius: 0px; display: block; } #rowSliderFotos .slick-dots li:hover { background-color: #FFAF7F; } #rowSliderFotos .slick-dots li.slick-active { background: var(--color-nar1-hex); } @media (max-width: 1180px) { #rowSliderFotos .slick-arrow { width: 40px; height: 40px; } #rowSliderFotos .slick-arrow:hover { border-radius: 6px; } #rowSliderFotos .slick-arrow i { font-size: 50px; } #rowSliderFotos .slick-arrow i:before { padding-bottom: 4px; line-height: 34px; } #rowSliderFotos .slick-prev { left: 10px; } #rowSliderFotos .slick-next { right: 10px; } } @media (max-width: 980px) { #rowSliderFotos .divSlide .divFoto:hover { background-size: 101% !important; } #rowSliderFotos .slick-arrow { width: 35px; height: 35px; } #rowSliderFotos .slick-arrow:hover { border-radius: 5px; } #rowSliderFotos .slick-arrow i { font-size: 45px; } #rowSliderFotos .slick-arrow i:before { padding-bottom: 4px; line-height: 31px; } } @media (max-width: 580px) { #rowSliderFotos .slick-arrow { width: 30px; height: 30px; } #rowSliderFotos .slick-arrow i { font-size: 40px; } #rowSliderFotos .slick-arrow i:before { padding-bottom: 2px; line-height: 25px; } } /***************************************** #rowBandaInfo *****************************************/ #rowBandaInfo { padding: 0px !important; } #rowBandaInfo .divBandaInfo { padding: 0px calc((100% - 1080px) / 2); background: #000000; display: flex; } #rowBandaInfo .divBandaInfo * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowBandaInfo .divIzda { padding: 10px 0px; width: 50%; overflow: hidden; } #rowBandaInfo .divTitulo { position: relative; display: flex; align-items: baseline; } #rowBandaInfo .divTitulo:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0,0,0,0) calc(100% - 40px), rgba(0,0,0,1) 100%); } #rowBandaInfo .divTitulo h2 { font-size: 30px; color: #FFFFFF; white-space: nowrap; } #rowBandaInfo .divTitulo h1 { margin: 0px 12px !important; font-size: 34px; font-weight: 700; color: #FFFFFF; white-space: nowrap; } #rowBandaInfo .divTitulo h3 { font-size: 22px; color: #FFFFFF; white-space: nowrap; } #rowBandaInfo .divDatos { display: flex; align-items: baseline; } #rowBandaInfo .divDato { font-size: 20px; color: #FFFFFF; white-space: nowrap; } #rowBandaInfo .divSeparador { margin: 0px 10px; width: 1px; height: 15px; background: #FFFFFF; } #rowBandaInfo .divDcha { padding-left: 40px; width: 50%; display: flex; align-items: flex-start; justify-content: space-between; white-space: nowrap; } #rowBandaInfo .divPrecio { padding: 25px 0px 0px 15px; font-size: 50px; font-weight: 700; color: #FFFFFF; border-left: solid 4px var(--color-nar1-hex); line-height: 40px; } #rowBandaInfo .divButton { padding-top: 22px; } #rowBandaInfo .aButton { padding: 5px 25px; font-size: 24px; font-weight: 700; background: var(--color-nar1-hex); } @media (max-width: 1180px) { #rowBandaInfo .divBandaInfo { padding: 0px 40px; } #rowBandaInfo .divIzda { width: 47%; } #rowBandaInfo .divDcha { width: 53%; } } @media (max-width: 1080px) { #rowBandaInfo .divTitulo:after { background: linear-gradient(90deg, rgba(0,0,0,0) calc(100% - 30px), rgba(0,0,0,1) 100%); } #rowBandaInfo .divTitulo h2 { font-size: 28px; } #rowBandaInfo .divTitulo h1 { font-size: 30px; } #rowBandaInfo .divTitulo h3 { font-size: 20px; } #rowBandaInfo .divDato { font-size: 18px; } #rowBandaInfo .divSeparador { height: 12px; } #rowBandaInfo .divPrecio { padding: 20px 0px 0px 10px; font-size: 45px; } #rowBandaInfo .aButton { font-size: 20px; } } @media (max-width: 980px) { #rowBandaInfo .divBandaInfo { padding: 0px 30px; } #rowBandaInfo .divIzda { padding: 5px 0px; width: 45%; } #rowBandaInfo .divTitulo:after { background: linear-gradient(90deg, rgba(0,0,0,0) calc(100% - 20px), rgba(0,0,0,1) 100%); } #rowBandaInfo .divTitulo h2 { font-size: 22px; } #rowBandaInfo .divTitulo h1 { font-size: 24px; } #rowBandaInfo .divTitulo h3 { font-size: 16px; } #rowBandaInfo .divSeparador { margin: 0px 8px; } #rowBandaInfo .divDcha { padding-left: 30px; width: 55%; } #rowBandaInfo .divPrecio { font-size: 40px; line-height: 30px; letter-spacing: -1px; } #rowBandaInfo .divButton { padding-top: 18px; } #rowBandaInfo .aButton { padding: 5px 15px; font-size: 18px; border-radius: 5px; } } @media (max-width: 780px) { #rowBandaInfo .divBandaInfo { padding: 0px 20px; } #rowBandaInfo .divTitulo { width: 200%; flex-wrap: wrap; } #rowBandaInfo .divTitulo:after { width: 50%; background: linear-gradient(90deg, rgba(0,0,0,0) calc(100% - 10px), rgba(0,0,0,1) 100%); } #rowBandaInfo .divTitulo h2 { font-size: 20px; } #rowBandaInfo .divTitulo h1 { font-size: 22px; } #rowBandaInfo .divTitulo h3 { width: 100%; font-size: 14px; } #rowBandaInfo .divDato { font-size: 13px; letter-spacing: -0.5px; } #rowBandaInfo .divSeparador { margin: 0px 4px; } #rowBandaInfo .divDcha { padding-left: 20px; white-space: normal; align-items: center; } #rowBandaInfo .divPrecio { padding: 20px 0px 0px 10px; font-size: 32px; height: 100%; white-space: nowrap; } #rowBandaInfo .divButton { margin-left: 15px; padding-top: 0px; } #rowBandaInfo .aButton { padding: 5px 10px; font-size: 16px; line-height: 120%; } } @media (max-width: 680px) { #rowBandaInfo { display: none; } } /*************************************************************************************************/ /***************************************** #rowContenedor ****************************************/ /*************************************************************************************************/ #rowContenedor { position: relative; margin-top: 30px; padding: 0px !important; } #rowContenedor .divSello { position: absolute; top: -110px; left: 0px; width: 240px; z-index: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } @media (max-width: 1580px) { #rowContenedor .divSello { left: 50%; transform: translateX(calc(-50% - 50px)); width: 200px; } } @media (max-width: 1080px) { #rowContenedor .divSello { top: -90px; transform: translateX(calc(-50% - 25px)); width: 180px; } } @media (max-width: 980px) { #rowContenedor .divSello { top: -70px; transform: translateX(calc(-50% - 0px)); width: 140px; } } @media (max-width: 780px) { #rowContenedor .divSello { top: -100px; transform: translateX(calc(-50% - 40px)); width: 160px; } } @media (max-width: 680px) { #rowContenedor .divSello { top: -70px; transform: translateX(calc(-50% - 10px)); width: 140px; } } @media (max-width: 580px) { #rowContenedor .divSello { display: none; } } @media (max-width: 480px) { #rowContenedor { margin-top: 20px; } } @media (max-width: 380px) { #rowContenedor { margin-top: 0px; } } /***************************************** #rowCuadroInfo ****************************************/ #rowCuadroInfo { position: absolute; top: 0px; right: calc((100% - 1080px) / 2); padding: 0px !important; width: 500px; } #rowCuadroInfo .divCuadroInfo { background: #FFFFFF; box-shadow: 0px 0px 5px rgba(0,0,0,0.75); } #rowCuadroInfo .divCuadroInfo * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } @media (max-width: 1180px) { #rowCuadroInfo { right: 40px; width: calc(50% - 80px); } } @media (max-width: 980px) { #rowCuadroInfo { right: 30px; width: calc(50% - 60px); } } @media (max-width: 780px) { #rowCuadroInfo { right: 20px; width: calc(50% - 40px); } } @media (max-width: 680px) { #rowCuadroInfo { position: relative; top: auto; left: auto; right: auto; padding: 20px !important; width: auto; } } @media (max-width: 380px) { #rowCuadroInfo { padding: 0px !important; } #rowCuadroInfo .divCuadroInfo { box-shadow: none; } } /* ESTADO (TIPO) */ #rowCuadroInfo .divTipo { position: absolute; top: -6px; right: -6px; width: 80px; } @media (max-width: 980px) { #rowCuadroInfo .divTipo { top: -5px; right: -5px; width: 60px; } } @media (max-width: 780px) { #rowCuadroInfo .divTipo { top: -6px; right: -6px; width: 80px; } } @media (max-width: 680px) { #rowCuadroInfo .divTipo { top: 13px; right: 13px; width: 80px; } } @media (max-width: 380px) { #rowCuadroInfo .divTipo { top: 0px; right: -6px; width: 80px; } } /* CABECERA */ #rowCuadroInfo .divCabecera { padding: 0px 20px; display: flex; justify-content: space-between; } #rowCuadroInfo .divIzda { padding: 15px 0px; width: calc(100% - 100px - 20px); overflow: hidden; } #rowCuadroInfo .divTitulo { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; } #rowCuadroInfo .divTitulo:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0) calc(100% - 40px), rgba(255,255,255,1) 100%); } #rowCuadroInfo .divTitulo h2 { font-size: 24px; color: var(--color1-hex); white-space: nowrap; } #rowCuadroInfo .divTitulo h1 { flex: 1 1; margin: 0px 10px !important; font-size: 30px; font-weight: 700; color: var(--color1-hex); white-space: nowrap; } #rowCuadroInfo .divTitulo h3 { width: 100%; font-size: 20px; color: var(--color1-hex); white-space: nowrap; } #rowCuadroInfo .divDatos { margin-top: 5px; display: flex; align-items: baseline; } #rowCuadroInfo .divDato { color: var(--color1-hex); white-space: nowrap; } #rowCuadroInfo .divSeparador { margin: 0px 6px; width: 1px; height: 12px; background: var(--color1-hex); } #rowCuadroInfo .divDcha { width: 100px; display: flex; align-items: center; line-height: 0px; } @media (max-width: 1080px) { #rowCuadroInfo .divIzda { width: calc(100% - 80px - 20px); } #rowCuadroInfo .divTitulo:after { background: linear-gradient(90deg, rgba(255,255,255,0) calc(100% - 30px), rgba(255,255,255,1) 100%); } #rowCuadroInfo .divTitulo h2 { font-size: 22px; } #rowCuadroInfo .divTitulo h1 { font-size: 28px; } #rowCuadroInfo .divTitulo h3 { font-size: 18px; } #rowCuadroInfo .divDatos { margin-top: 0px; } #rowCuadroInfo .divDato { font-size: 14px; } #rowCuadroInfo .divSeparador { margin: 0px 5px; height: 10px; } #rowCuadroInfo .divDcha { width: 80px; } } @media (max-width: 980px) { #rowCuadroInfo .divCabecera { padding: 0px 15px; } #rowCuadroInfo .divIzda { padding: 10px 0px; width: calc(100% - 60px - 15px); } #rowCuadroInfo .divTitulo:after { background: linear-gradient(90deg, rgba(255,255,255,0) calc(100% - 20px), rgba(255,255,255,1) 100%); } #rowCuadroInfo .divTitulo h2 { font-size: 20px; } #rowCuadroInfo .divTitulo h1 { font-size: 24px; } #rowCuadroInfo .divTitulo h3 { font-size: 16px; } #rowCuadroInfo .divDato { font-size: 13px; letter-spacing: -0.8px; } #rowCuadroInfo .divSeparador { margin: 0px 4px; } #rowCuadroInfo .divDcha { width: 60px; } } @media (max-width: 780px) { #rowCuadroInfo .divCabecera { flex-direction: column-reverse; } #rowCuadroInfo .divIzda { padding: 0px 0px 10px 0px; width: 100%; } #rowCuadroInfo .divTitulo { justify-content: center; } #rowCuadroInfo .divTitulo:after { display: none; } #rowCuadroInfo .divTitulo h1 { flex: 0 0 auto; margin: 0px 0px 0px 10px !important; } #rowCuadroInfo .divTitulo h3 { letter-spacing: normal; text-align: center; } #rowCuadroInfo .divDatos { justify-content: center; } #rowCuadroInfo .divDato { letter-spacing: normal; } #rowCuadroInfo .divDcha { margin: auto; } } @media (max-width: 680px) { #rowCuadroInfo .divCabecera { padding: 0px 20px 0px 0px; flex-direction: row; } #rowCuadroInfo .divIzda { margin-top: 0px; padding: 20px 0px 20px 20px; width: calc(100% - 100px - 20px); } #rowCuadroInfo .divTitulo { justify-content: flex-start; } #rowCuadroInfo .divTitulo:after { display: initial; } #rowCuadroInfo .divTitulo h2 { font-size: 22px; } #rowCuadroInfo .divTitulo h1 { font-size: 28px; } #rowCuadroInfo .divTitulo h3 { font-size: 18px; text-align: left; } #rowCuadroInfo .divDatos { margin-top: 5px; justify-content: flex-start; } #rowCuadroInfo .divDato { font-size: 14px; } #rowCuadroInfo .divDcha { width: 100px; } } @media (max-width: 480px) { #rowCuadroInfo .divCabecera { padding: 0px 20px; flex-direction: column-reverse; } #rowCuadroInfo .divIzda { padding: 0px 0px 10px 0px; width: 100%; } #rowCuadroInfo .divTitulo { justify-content: center; } #rowCuadroInfo .divTitulo:after { display: none; } #rowCuadroInfo .divTitulo h3 { text-align: center; } #rowCuadroInfo .divDatos { justify-content: center; } } /* PRECIO */ #rowCuadroInfo .divPrecio { padding: 10px 15px; color: #FFFFFF; background: var(--color-nar1-hex); display: flex; align-items: center; justify-content: space-between; } #rowCuadroInfo .divPrecio label { font-size: 28px; font-weight: 700; line-height: 100%; } #rowCuadroInfo .divPrecio span { font-size: 50px; font-weight: 700; line-height: 100%; } @media (max-width: 1080px) { #rowCuadroInfo .divPrecio { padding: 15px 20px; } #rowCuadroInfo .divPrecio label { font-size: 24px; } #rowCuadroInfo .divPrecio span { font-size: 40px; } } @media (max-width: 980px) { #rowCuadroInfo .divPrecio { padding: 14px 15px; } #rowCuadroInfo .divPrecio label { font-size: 20px; } #rowCuadroInfo .divPrecio span { font-size: 32px; } } @media (max-width: 780px) { #rowCuadroInfo .divPrecio { padding: 14px 15px; } #rowCuadroInfo .divPrecio label { font-size: 18px; } #rowCuadroInfo .divPrecio span { font-size: 28px; } } @media (max-width: 680px) { #rowCuadroInfo .divPrecio { padding: 14px 15px; } #rowCuadroInfo .divPrecio label { font-size: 24px; } #rowCuadroInfo .divPrecio span { font-size: 40px; } } @media (max-width: 480px) { #rowCuadroInfo .divPrecio { padding: 12px 15px; } #rowCuadroInfo .divPrecio label { font-size: 20px; } #rowCuadroInfo .divPrecio span { font-size: 32px; } } @media (max-width: 380px) { #rowCuadroInfo .divPrecio { padding: 10px 20px; } #rowCuadroInfo .divPrecio label { width: 80px; } #rowCuadroInfo .divPrecio span { width: calc(100% - 80px); text-align: right; } } /* PRECIOS */ #rowCuadroInfo .divCuadrosPrecio { display: flex; } #rowCuadroInfo .divCuadro { padding: 12px 12px 8px 12px; border: solid 0px #FFFFFF; border-radius: 20px 20px 0px 0px; display: flex; align-items: center; justify-content: space-between; } #rowCuadroInfo .divCuadro .divLabel span { margin: 0px 2px; font-size: 13px; font-weight: 700; color: var(--color1-hex); text-align: center; line-height: 100%; letter-spacing: -0.7px; } #rowCuadroInfo .divCuadro .divPrecio { padding: 0px; font-size: 24px; font-weight: 700; color: var(--color1-hex); text-align: center; line-height: 120%; background: none; display: block; } #rowCuadroInfo .divCuadroPrecios { width: 65%; border-width: 5px 2px 0px 5px; } #rowCuadroInfo .divPrecioContado .divPrecio { text-decoration: line-through; } #rowCuadroInfo .divCuadroFinanciacion { width: 35%; border-width: 5px 5px 0px 2px; flex-direction: column; justify-content: flex-start; } #rowCuadroInfo .divCuadroFinanciacion .divPrecio span { margin-left: 5px; font-size: 24px; } #rowCuadroInfo .divCuadro.active { background: var(--color5-hex); cursor: default; } #rowCuadroInfo .divCuadro.inactive { background: #DDDDDD; cursor: pointer; } #rowCuadroInfo .divCuadro.inactive:hover { background: var(--color-azu3-hex); } @media (max-width: 1180px) { #rowCuadroInfo .divCuadro { padding: 12px 15px 8px 15px; } #rowCuadroInfo .divCuadro .divLabel span { letter-spacing: -1.4px; } } @media (max-width: 1080px) { #rowCuadroInfo .divCuadro { padding: 10px 15px 8px 15px; } #rowCuadroInfo .divCuadro .divLabel span { display: block; letter-spacing: normal; } #rowCuadroInfo .divCuadro .divPrecio { font-size: 20px; } #rowCuadroInfo .divCuadroFinanciacion .divPrecio span { font-size: 20px; } } @media (max-width: 980px) { #rowCuadroInfo .divCuadro { padding: 8px 10px 6px 10px; } #rowCuadroInfo .divCuadro .divLabel span { font-size: 12px; } #rowCuadroInfo .divCuadro .divPrecio { font-size: 18px; } #rowCuadroInfo .divCuadroPrecios { width: 67%; border-width: 3px 1px 0px 3px; justify-content: space-around; } #rowCuadroInfo .divCuadroFinanciacion { width: 33%; border-width: 3px 3px 0px 1px; } #rowCuadroInfo .divCuadroFinanciacion .divPrecio span { font-size: 14px; } } @media (max-width: 780px) { #rowCuadroInfo .divCuadro { padding: 8px 8px 6px 8px; } #rowCuadroInfo .divCuadro .divLabel span { letter-spacing: -0.5px; } #rowCuadroInfo .divCuadro .spanHide { display: none !important; } #rowCuadroInfo .divCuadro .divPrecio { font-size: 16px; } #rowCuadroInfo .divCuadroFinanciacion .divPrecio span { margin-left: 0px; font-size: 13px; } } @media (max-width: 680px) { #rowCuadroInfo .divCuadro { padding: 8px 10px 6px 10px; } #rowCuadroInfo .divCuadro .divLabel span { font-size: 14px; display: initial !important; } #rowCuadroInfo .divCuadro .spanHide { display: initial !important; } #rowCuadroInfo .divCuadro .divPrecio { font-size: 24px; } #rowCuadroInfo .divCuadroPrecios { border-width: 5px 2px 0px 5px; } #rowCuadroInfo .divCuadroFinanciacion { border-width: 5px 5px 0px 2px; } #rowCuadroInfo .divCuadroFinanciacion .divPrecio span { margin-left: 5px; font-size: 20px; } } @media (max-width: 580px) { #rowCuadroInfo .divCuadro .divLabel span { display: block !important; } } @media (max-width: 480px) { #rowCuadroInfo .divCuadro { padding: 8px 8px 6px 8px; } #rowCuadroInfo .divCuadro .divLabel span { font-size: 13px; } #rowCuadroInfo .divCuadro .spanHide { display: none !important; } #rowCuadroInfo .divCuadro .divPrecio { font-size: 18px; } #rowCuadroInfo .divCuadroFinanciacion .divPrecio span { margin-left: 3px; font-size: 16px; } } @media (max-width: 380px) { #rowCuadroInfo .divCuadro .divLabel span { font-size: 12px; letter-spacing: -0.5px; } #rowCuadroInfo .divCuadro .divPrecio { font-size: 18px; letter-spacing: -0.5px; } #rowCuadroInfo .divCuadroPrecios { border-width: 4px 2px 0px 4px; } #rowCuadroInfo .divCuadroFinanciacion { border-width: 4px 4px 0px 2px; } #rowCuadroInfo .divCuadroFinanciacion .divPrecio span { font-size: 14px; letter-spacing: -0.5px; } } /* CUENTAS */ #rowCuadroInfo .divCuentas { padding: 15px 20px; background: var(--color5-hex); -webkit-transition: none; transition: none; } #rowCuadroInfo .divCuentas ul { margin: 0px; list-style-type: none; } #rowCuadroInfo .divCuentas li { margin: 0px 0px 3px 0px; color: #000000; display: flex; justify-content: space-between; } #rowCuadroInfo .divCuentas li label { font-size: 18px; } #rowCuadroInfo .divCuentas li span { font-size: 18px; } #rowCuadroInfo .divCuentas .liTotal { margin-bottom: 3px; } #rowCuadroInfo .divCuentas .liTotal label { font-size: 24px; font-weight: 700; } #rowCuadroInfo .divCuentas .liTotal span { font-size: 24px; font-weight: 700; } @media (max-width: 1080px) { #rowCuadroInfo .divCuentas li label { font-size: 16px; } #rowCuadroInfo .divCuentas li span { font-size: 16px; } #rowCuadroInfo .divCuentas .liTotal label { font-size: 20px; } #rowCuadroInfo .divCuentas .liTotal span { font-size: 20px; } } @media (max-width: 980px) { #rowCuadroInfo .divCuentas li label { font-size: 14px; } #rowCuadroInfo .divCuentas li span { font-size: 14px; } #rowCuadroInfo .divCuentas .liTotal label { font-size: 18px; } #rowCuadroInfo .divCuentas .liTotal span { font-size: 18px; } } @media (max-width: 780px) { #rowCuadroInfo .divCuentas { padding: 15px; } #rowCuadroInfo .divCuentas li:last-of-type label { letter-spacing: -0.7px; } } @media (max-width: 680px) { #rowCuadroInfo .divCuentas { padding: 20px; } #rowCuadroInfo .divCuentas li label { font-size: 18px; } #rowCuadroInfo .divCuentas li span { font-size: 18px; } #rowCuadroInfo .divCuentas li:last-of-type label { letter-spacing: normal; } #rowCuadroInfo .divCuentas .liTotal label { font-size: 24px; } #rowCuadroInfo .divCuentas .liTotal span { font-size: 24px; } } @media (max-width: 480px) { #rowCuadroInfo .divCuentas li label { font-size: 16px; } #rowCuadroInfo .divCuentas li span { font-size: 16px; } #rowCuadroInfo .divCuentas li:last-of-type label { letter-spacing: -0.7px; } #rowCuadroInfo .divCuentas .liTotal label { font-size: 20px; } #rowCuadroInfo .divCuentas .liTotal span { font-size: 20px; } } @media (max-width: 380px) { #rowCuadroInfo .divCuentas { padding: 15px 20px 10px 20px; } #rowCuadroInfo .divCuentas li label { font-size: 14px; } #rowCuadroInfo .divCuentas li span { font-size: 14px; } #rowCuadroInfo .divCuentas .liTotal label { font-size: 18px; } #rowCuadroInfo .divCuentas .liTotal span { font-size: 18px; } } /* FINANCIACION */ #rowCuadroInfo .divFinanciacion { padding: 15px 15px 0px 15px; background: var(--color5-hex); -webkit-transition: none; transition: none; display: none; } #rowCuadroInfo .divFinanciacion .divCabecera { margin: auto; padding: 0px; font-size: 20px; font-weight: 700; line-height: 34px; display: table; } #rowCuadroInfo .divFinanciacion .divForm { margin: 15px; } #rowCuadroInfo .divFinanciacion .divField { margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } #rowCuadroInfo .divFinanciacion .divField label { width: 100%; } #rowCuadroInfo .divFinanciacion .divField input[type="range"] { padding: 0px; width: calc(100% - 20px - 85px - 35px); max-width: none; height: 7px; transition: none; } #rowCuadroInfo .divFinanciacion .divField input[type="range"] { background: rgba(255,255,255,0.6); background-image: linear-gradient(var(--color-nar1-hex),var(--color-nar1-hex)); } #rowCuadroInfo .divFinanciacion .divField input[type="range"] { background-size: 50% 100%; background-repeat: no-repeat; border: none; border-radius: 5px; -webkit-appearance: none; } #rowCuadroInfo .divFinanciacion .divField input[type="number"] { padding: 5px 5px 5px 10px; width: 85px; color: #000000; border: none; border-radius: 6px; } #rowCuadroInfo .divFinanciacion .divField span { width: 35px; font-size: 14px; letter-spacing: -0.5px; } #rowCuadroInfo .divFinanciacion .divField input[type="range"]::-webkit-slider-thumb { width: 20px; height: 20px; background: var(--color-nar1-hex); border-radius: 50%; cursor: ew-resize; } #rowCuadroInfo .divFinanciacion .divField input[type="range"]::-webkit-slider-thumb { box-shadow: 0px 0px 2px #666666; transition: all 0.2s ease; -webkit-appearance: none; } #rowCuadroInfo .divFinanciacion .divField input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; background: var(--color-nar1-hex); border-radius: 50%; cursor: ew-resize; } #rowCuadroInfo .divFinanciacion .divField input[type="range"]::-moz-range-thumb { box-shadow: 0px 0px 2px #666666; transition: all 0.2s ease; -webkit-appearance: none; } #rowCuadroInfo .divFinanciacion .divField input[type="range"]::-ms-thumb { width: 20px; height: 20px; background: var(--color-nar1-hex); border-radius: 50%; cursor: ew-resize; } #rowCuadroInfo .divFinanciacion .divField input[type="range"]::-ms-thumb { box-shadow: 0px 0px 2px #666666; transition: all 0.2s ease; -webkit-appearance: none; } #rowCuadroInfo .divFinanciacion .divField input[type="range"]::-webkit-slider-thumb:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); } #rowCuadroInfo .divFinanciacion .divField input[type="range"]::-moz-range-thumb:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); } #rowCuadroInfo .divFinanciacion .divField input[type="range"]::-ms-thumb:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); } #rowCuadroInfo .divFinanciacion .divField input[type="range"]::-webkit-slider-runnable-track { background: transparent; border: none; box-shadow: none; -webkit-appearance: none; } #rowCuadroInfo .divFinanciacion .divField input[type="range"]::-moz-range-track { background: transparent; border: none; box-shadow: none; -webkit-appearance: none; } #rowCuadroInfo .divFinanciacion .divField input[type="range"]::-ms-track { background: transparent; border: none; box-shadow: none; -webkit-appearance: none; } #rowCuadroInfo .divFinanciacion .divResultado { margin: 15px 15px 0px 15px; padding: 10px 15px; background: var(--color-azu4-hex); border: solid 2px var(--color-azu2-hex); border-radius: 10px; } #rowCuadroInfo .divFinanciacion .divTituloResultado { font-size: 20px; text-align: center; } #rowCuadroInfo .divFinanciacion .divCantidadesResultado { font-size: 24px; font-weight: 700; color: var(--color1-hex); text-align: center; } #rowCuadroInfo .divFinanciacion .divCondicionesResultado ul { margin: 10px auto; font-size: 14px; list-style-type: disc; display: table; } #rowCuadroInfo .divFinanciacion i.fa-angle-down { margin: auto; width: 50px; height: 50px; font-size: 50px; color: var(--color1-hex); } #rowCuadroInfo .divFinanciacion i.fa-angle-down { display: flex; align-items: center; justify-content: center; cursor: pointer; } @media (max-width: 1180px) { #rowCuadroInfo .divFinanciacion .divCabecera { letter-spacing: -0.8px; } #rowCuadroInfo .divFinanciacion .divCondicionesResultado ul li { letter-spacing: -0.3px; } } @media (max-width: 1080px) { #rowCuadroInfo .divFinanciacion .divCabecera { font-size: 18px; } #rowCuadroInfo .divFinanciacion .divField label { font-size: 14px; } #rowCuadroInfo .divFinanciacion .divField input[type="range"] { width: calc(100% - 20px - 75px - 30px); } #rowCuadroInfo .divFinanciacion .divField input[type="number"] { padding: 5px; width: 70px; font-size: 14px; } #rowCuadroInfo .divFinanciacion .divField span { width: 30px; font-size: 13px; letter-spacing: -0.7px; } #rowCuadroInfo .divFinanciacion .divResultado { padding: 10px; } #rowCuadroInfo .divFinanciacion .divTituloResultado { font-size: 18px; } #rowCuadroInfo .divFinanciacion .divCantidadesResultado { font-size: 20px; } #rowCuadroInfo .divFinanciacion .divCondicionesResultado ul { font-size: 13px; } #rowCuadroInfo .divFinanciacion .divCondicionesResultado ul li { letter-spacing: -0.5px; } #rowCuadroInfo .divFinanciacion i.fa-angle-down { width: 45px; height: 45px; font-size: 45px; } } @media (max-width: 980px) { #rowCuadroInfo .divFinanciacion .divCabecera { width: 190px; font-size: 16px; text-align: center; line-height: 120%; letter-spacing: normal; } #rowCuadroInfo .divFinanciacion .divTituloResultado { font-size: 16px; } #rowCuadroInfo .divFinanciacion .divCantidadesResultado { margin: 5px auto 0px auto; width: 140px; font-size: 18px; line-height: 120%; } #rowCuadroInfo .divFinanciacion .divCondicionesResultado ul li { letter-spacing: normal; } #rowCuadroInfo .divFinanciacion i.fa-angle-down { width: 40px; height: 40px; font-size: 40px; } } @media (max-width: 780px) { #rowCuadroInfo .divFinanciacion .divForm { margin: 15px 0px; } #rowCuadroInfo .divFinanciacion .divField label { font-size: 13px; } #rowCuadroInfo .divFinanciacion .divField input[type="range"] { width: calc(100% - 20px - 65px - 25px); } #rowCuadroInfo .divFinanciacion .divField input[type="number"] { width: 65px; font-size: 13px; } #rowCuadroInfo .divFinanciacion .divField span { font-size: 12px; } #rowCuadroInfo .divFinanciacion .divTituloResultado { font-size: 16px; } #rowCuadroInfo .divFinanciacion .divCantidadesResultado { font-size: 18px; } } @media (max-width: 680px) { #rowCuadroInfo .divFinanciacion .divCabecera { width: auto; font-size: 18px; } #rowCuadroInfo .divFinanciacion .divField label { font-size: 14px; } #rowCuadroInfo .divFinanciacion .divField input[type="range"] { width: calc(100% - 20px - 75px - 30px); } #rowCuadroInfo .divFinanciacion .divField input[type="number"] { width: 75px; font-size: 14px; } #rowCuadroInfo .divFinanciacion .divField span { width: 30px; font-size: 13px; } #rowCuadroInfo .divFinanciacion .divTituloResultado { font-size: 20px; } #rowCuadroInfo .divFinanciacion .divCantidadesResultado { width: auto; font-size: 20px; } #rowCuadroInfo .divFinanciacion .divCondicionesResultado ul { font-size: 13px; } #rowCuadroInfo .divFinanciacion i.fa-angle-down { width: 45px; height: 45px; font-size: 45px; } } @media (max-width: 580px) { #rowCuadroInfo .divFinanciacion .divCabecera { width: 190px; font-size: 16px; } #rowCuadroInfo .divFinanciacion .divTituloResultado { font-size: 16px; } #rowCuadroInfo .divFinanciacion .divCantidadesResultado { width: 140px; font-size: 18px; } #rowCuadroInfo .divFinanciacion .divCondicionesResultado ul li { letter-spacing: -0.5px; } #rowCuadroInfo .divFinanciacion i.fa-angle-down { width: 40px; height: 40px; font-size: 40px; } } @media (max-width: 380px) { #rowCuadroInfo .divFinanciacion .divCabecera { font-size: 14px; } #rowCuadroInfo .divFinanciacion .divField label { font-size: 13px; } #rowCuadroInfo .divFinanciacion .divField input[type="range"] { width: calc(100% - 20px - 65px - 25px); } #rowCuadroInfo .divFinanciacion .divField input[type="number"] { width: 65px; font-size: 13px; } #rowCuadroInfo .divFinanciacion .divField span { font-size: 12px; } #rowCuadroInfo .divFinanciacion .divResultado { margin: 15px 5px 0px 5px; } #rowCuadroInfo .divFinanciacion .divTituloResultado { font-size: 16px; } #rowCuadroInfo .divFinanciacion .divCantidadesResultado { font-size: 18px; } #rowCuadroInfo .divFinanciacion i.fa-angle-down { width: 35px; height: 35px; font-size: 35px; } } /* FORMULARIO INTERES */ #rowCuadroInfo .divFormInteresVO .divCabecera { padding: 15px 0px 10px 0px; background: var(--color1-hex); border-radius: 0px; } #rowCuadroInfo .divFormInteresVO .divCabecera h2 { width: 100%; font-size: 24px; font-weight: 700 !important; color: #FFFFFF; text-align: center; line-height: 100%; } #rowCuadroInfo .divFormInteresVO .divFormCF7 { padding: 0px 20px; border-radius: 0px; box-shadow: none; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } #rowCuadroInfo .divFormInteresVO .divFormCF7 .divGrupo { padding-bottom: 10px; } #rowCuadroInfo .divFormInteresVO .divFormCF7 .divField input { padding: 10px; font-size: 14px; } #rowCuadroInfo .divFormInteresVO .divFormCF7 .divField textarea { padding: 10px; font-size: 14px; height: 90px; } #rowCuadroInfo .divFormInteresVO .divFieldNombre { width: calc(50% - 10px); } #rowCuadroInfo .divFormInteresVO .divFieldApellidos { width: calc(50% - 10px); } #rowCuadroInfo .divFormInteresVO .divFieldMail { width: calc(50% - 10px); } #rowCuadroInfo .divFormInteresVO .divFieldTelefono { width: calc(50% - 10px); } #rowCuadroInfo .divFormInteresVO .divGrupoInteres { width: 165px; } #rowCuadroInfo .divFormInteresVO .divFieldInteres .wpcf7-list-item { margin: 0px; padding: 2px 0px; } #rowCuadroInfo .divFormInteresVO .divFieldInteres .wpcf7-list-item-label { font-size: 14px; color: var(--color-azu3-hex); } #rowCuadroInfo .divFormInteresVO .divFieldInteres .wpcf7-not-valid-tip { bottom: -20px; right: auto; } #rowCuadroInfo .divFormInteresVO .divGrupoComentarios { width: calc(100% - 195px); } #rowCuadroInfo .divFormInteresVO .divFieldAcepto { align-items: flex-start; } #rowCuadroInfo .divFormInteresVO .divFieldAcepto p { font-size: 13px; text-align: justify; } #rowCuadroInfo .divFormInteresVO .divFieldSubmit { width: 100%; justify-content: center; } #rowCuadroInfo .divFormInteresVO .divFieldSubmit input { padding: 15px 40px !important; font-size: 16px !important; } #rowCuadroInfo .divFormInteresVO .divFieldLegal p { font-size: 11px; } #rowCuadroInfo .divFormInteresVO .divFieldLegal p a { line-height: 120%; } @media (max-width: 980px) { #rowCuadroInfo .divFormInteresVO .divCabecera h2 { font-size: 20px; } #rowCuadroInfo .divFormInteresVO .divFormCF7 .divGrupo { padding-bottom: 5px; } #rowCuadroInfo .divFormInteresVO .divFormCF7 .divGrupoHeading { margin-bottom: 15px; font-size: 18px; } #rowCuadroInfo .divFormInteresVO .divFormCF7 .divField input { font-size: 13px; } #rowCuadroInfo .divFormInteresVO .divFormCF7 .divField textarea { font-size: 13px; height: 80px; } #rowCuadroInfo .divFormInteresVO .divFieldNombre { width: 100%; } #rowCuadroInfo .divFormInteresVO .divFieldApellidos { width: 100%; } #rowCuadroInfo .divFormInteresVO .divFieldMail { width: 100%; } #rowCuadroInfo .divFormInteresVO .divFieldTelefono { width: 100%; } #rowCuadroInfo .divFormInteresVO .divGrupoInteres { width: 100%; } #rowCuadroInfo .divFormInteresVO .divGrupoComentarios { width: 100%; } #rowCuadroInfo .divFormInteresVO .divFieldAcepto p { font-size: 12px; text-align: left; } #rowCuadroInfo .divFormInteresVO .divFieldLegal p { font-size: 10px; } } @media (max-width: 780px) { #rowCuadroInfo .divFormInteresVO .divFormCF7 .divGrupoHeading { margin-bottom: 10px; font-size: 16px; } #rowCuadroInfo .divFormInteresVO .divFormCF7 .divField textarea { height: 60px; } #rowCuadroInfo .divFormInteresVO .divFieldAcepto p { font-size: 11px; } #rowCuadroInfo .divFormInteresVO .divFieldLegal { display: none; } } @media (max-width: 680px) { #rowCuadroInfo .divFormInteresVO .divCabecera h2 { font-size: 24px; } #rowCuadroInfo .divFormInteresVO .divFormCF7 .divField textarea { height: 90px; } #rowCuadroInfo .divFormInteresVO .divFieldNombre { width: calc(50% - 10px); } #rowCuadroInfo .divFormInteresVO .divFieldApellidos { width: calc(50% - 10px); } #rowCuadroInfo .divFormInteresVO .divFieldMail { width: calc(50% - 10px); } #rowCuadroInfo .divFormInteresVO .divFieldTelefono { width: calc(50% - 10px); } #rowCuadroInfo .divFormInteresVO .divGrupoInteres { width: calc(50% - 10px); } #rowCuadroInfo .divFormInteresVO .divGrupoComentarios { width: calc(50% - 10px); } #rowCuadroInfo .divFormInteresVO .divFieldAcepto p { font-size: 12px; } #rowCuadroInfo .divFormInteresVO .divFieldLegal { display: initial; } #rowCuadroInfo .divFormInteresVO .divFieldLegal p { line-height: 120%; } } @media (max-width: 480px) { #rowCuadroInfo .divFormInteresVO .divCabecera h2 { font-size: 20px; } #rowCuadroInfo .divFormInteresVO .divFormCF7 .divField textarea { height: 60px; } #rowCuadroInfo .divFormInteresVO .divFieldNombre { width: 100%; } #rowCuadroInfo .divFormInteresVO .divFieldApellidos { width: 100%; } #rowCuadroInfo .divFormInteresVO .divFieldMail { width: 100%; } #rowCuadroInfo .divFormInteresVO .divFieldTelefono { width: 100%; } #rowCuadroInfo .divFormInteresVO .divGrupoInteres { width: 100%; } #rowCuadroInfo .divFormInteresVO .divGrupoComentarios { width: 100%; } #rowCuadroInfo .divFormInteresVO .divFieldAcepto p { font-size: 11px; } #rowCuadroInfo .divFormInteresVO .divFieldSubmit input { margin-left: 0px; padding: 10px 0px !important; width: 100%; font-size: 14px !important; } } /* BOTONES LLAMAR */ #rowCuadroInfo .divBotonesLlamar { padding: 1px; display: flex; justify-content: space-between; } #rowCuadroInfo .divBoton { padding: 10px 0px; width: calc(50% - 1px); color: #FFFFFF !important; background: var(--color-nar1-hex); } #rowCuadroInfo .divBoton { display: flex; align-items: center; justify-content: center; cursor: pointer; } #rowCuadroInfo .divBoton:hover { opacity: 0.5; } #rowCuadroInfo .divBoton i { margin-right: 15px; font-size: 32px; } #rowCuadroInfo .divBoton span { font-size: 24px; font-weight: 700; color: #FFFFFF !important; display: block; line-height: 100%; } #rowCuadroInfo .divBotonLlamanos span:first-of-type { letter-spacing: 2.2px; } #rowCuadroInfo .divBotonLlamanos span:last-of-type { color: #FFFFFF !important; letter-spacing: -0.5px; } @media (max-width: 1080px) { #rowCuadroInfo .divBoton i { margin-right: 10px; font-size: 28px; } #rowCuadroInfo .divBoton span { font-size: 20px; } } @media (max-width: 980px) { #rowCuadroInfo .divBoton i { font-size: 24px; } #rowCuadroInfo .divBoton span { font-size: 18px; } #rowCuadroInfo .divBotonLlamanos span:first-of-type { letter-spacing: 1.8px; } #rowCuadroInfo .divBotonTeLlamamos span { letter-spacing: -0.8px; } } @media (max-width: 780px) { #rowCuadroInfo .divBoton i { font-size: 20px; } #rowCuadroInfo .divBoton span { font-size: 16px; } #rowCuadroInfo .divBotonLlamanos span:first-of-type { letter-spacing: 1.8px; } #rowCuadroInfo .divBotonTeLlamamos span { letter-spacing: -0.8px; } } @media (max-width: 680px) { #rowCuadroInfo .divBoton i { font-size: 28px; } #rowCuadroInfo .divBoton span { font-size: 20px; } #rowCuadroInfo .divBotonLlamanos span:first-of-type { letter-spacing: 2.2px; } #rowCuadroInfo .divBotonTeLlamamos span { letter-spacing: normal; } } @media (max-width: 480px) { #rowCuadroInfo .divBoton i { font-size: 24px; } #rowCuadroInfo .divBoton span { font-size: 18px; } #rowCuadroInfo .divBotonLlamanos span:first-of-type { letter-spacing: 1.8px; } #rowCuadroInfo .divBotonTeLlamamos span { letter-spacing: -0.8px; } } /**************************************** #rowGalleryFotos ***************************************/ #rowGalleryFotos { padding: 0px !important; } #rowGalleryFotos .divGalleryFotos { padding: 0px calc((100% - 1080px) / 2) 20px calc((100% - 1080px) / 2); } #rowGalleryFotos .divGalleryFotos * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowGalleryFotos .divHeading { width: 50%; font-size: 24px; font-weight: 700; color: var(--color1-hex); border-bottom: solid 2px var(--color1-hex); } #rowGalleryFotos .divFotos { margin-top: 10px; width: 50%; display: flex; flex-wrap: wrap; } #rowGalleryFotos .divFotos a { margin: 0px 2px 2px 0px; width: calc((100% / 6) - 2px); } #rowGalleryFotos .divFoto { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100%; } #rowGalleryFotos .divFoto:hover { background-size: 120%; } #rowGalleryFotos .divFoto:after { content: ""; padding-top: 75%; display: block; } #rowGalleryFotos .divFoto img { display: none; } @media (max-width: 1180px) { #rowGalleryFotos .divGalleryFotos { padding: 0px 40px 20px 40px; } } @media (max-width: 980px) { #rowGalleryFotos .divGalleryFotos { padding: 0px 30px 20px 30px; } #rowGalleryFotos .divHeading { font-size: 20px; } } @media (max-width: 780px) { #rowGalleryFotos { display: none; } } /************************************** #rowCaracteristicas **************************************/ #rowCaracteristicas { padding: 0px !important; } #rowCaracteristicas .divCaracteristicas { padding: 20px calc((100% - 1080px) / 2); background: var(--color-azu1-hex); } #rowCaracteristicas .divCaracteristicas * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowCaracteristicas .divHeading { width: 50%; font-size: 24px; font-weight: 700; color: #FFFFFF; border-bottom: solid 2px #FFFFFF; } #rowCaracteristicas .divDatos { margin-top: 20px; width: 50%; display: flex; flex-wrap: wrap; } #rowCaracteristicas .divDato { margin: 0px 10px 30px 0px; width: calc(25% - 10px); color: #FFFFFF; display: flex; align-items: center; } #rowCaracteristicas .divDato .divIcon { margin-right: 6px; flex: 0 0 30px; height: 30px; background: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; } #rowCaracteristicas .divDato .divIcon i.mwp { width: 16px; height: 16px; filter: invert(50%) sepia(97%) saturate(2002%) hue-rotate(160deg) brightness(86%) contrast(101%); } #rowCaracteristicas .divDato .divTextos label { font-size: 14px; display: block; line-height: 100%; } #rowCaracteristicas .divDato .divTextos span { font-weight: 700; display: block; line-height: 100%; } #rowCaracteristicas .divDistintivoGarantia { margin-bottom: 20px; width: 50%; display: flex; justify-content: center; } #rowCaracteristicas .divDG { width: 50%; color: #FFFFFF; display: flex; align-items: center; justify-content: center; } #rowCaracteristicas .divDG .divIcon { margin-right: 10px; width: 48px; height: 48px; } #rowCaracteristicas .divDG .divTextos label { font-size: 20px; display: block; line-height: 100%; text-align: center; } #rowCaracteristicas .divDG .divTextos span { font-size: 20px; font-weight: 700; display: block; line-height: 100%; text-align: center; } #rowCaracteristicas .divGarantia .divIcon { margin-right: 5px; filter: invert(100%) sepia(12%) saturate(669%) hue-rotate(200deg) brightness(100%) contrast(111%); } @media (max-width: 1180px) { #rowCaracteristicas .divCaracteristicas { padding: 20px 40px; } #rowCaracteristicas .divDato:first-of-type .divTextos label { letter-spacing: -1px; } } @media (max-width: 1080px) { #rowCaracteristicas .divDato .divIcon { margin-right: 5px; flex: 0 0 24px; height: 24px; } #rowCaracteristicas .divDato .divIcon i.mwp { width: 14px; height: 14px; } #rowCaracteristicas .divDistintivoGarantia { margin-bottom: 0px; } #rowCaracteristicas .divGarantia .divIcon { margin-right: 0px !important; } } @media (max-width: 980px) { #rowCaracteristicas .divHeading { font-size: 20px; } #rowCaracteristicas .divDato { margin: 0px 10px 20px 0px; } #rowCaracteristicas .divDato:first-of-type .divTextos label { letter-spacing: normal; } #rowCaracteristicas .divDato:nth-of-type(1) { width: calc(37% - 10px); } #rowCaracteristicas .divDato:nth-of-type(2) { width: calc(36% - 10px); } #rowCaracteristicas .divDato:nth-of-type(3) { width: calc(27% - 10px); } #rowCaracteristicas .divDato:nth-of-type(4) { width: calc(37% - 10px); } #rowCaracteristicas .divDato:nth-of-type(5) { width: calc(36% - 10px); } #rowCaracteristicas .divDato:nth-of-type(6) { width: calc(27% - 10px); } #rowCaracteristicas .divDato:nth-of-type(7) { width: calc(37% - 10px); } #rowCaracteristicas .divDato:nth-of-type(8) { width: calc(36% - 10px); } #rowCaracteristicas .divDistintivoGarantia { justify-content: space-evenly; } #rowCaracteristicas .divDG:first-of-type { width: 160px; } #rowCaracteristicas .divDG:last-of-type { width: 140px; } #rowCaracteristicas .divDG .divIcon { flex: 0 0 48px; } #rowCaracteristicas .divDG .divTextos label { font-size: 18px; } #rowCaracteristicas .divDG .divTextos span { font-size: 18px; } } @media (max-width: 780px) { #rowCaracteristicas .divCaracteristicas { padding: 20px; } #rowCaracteristicas .divDato { margin: 0px 0px 15px 0px; width: 50% !important; } #rowCaracteristicas .divDG { width: 50% !important; justify-content: flex-start; } #rowCaracteristicas .divDG .divIcon { flex: 0 0 40px; height: 40px; } #rowCaracteristicas .divDG .divTextos { width: 85px; } #rowCaracteristicas .divDG .divTextos label { font-size: 16px; } #rowCaracteristicas .divDG .divTextos span { font-size: 16px; } } @media (max-width: 680px) { #rowCaracteristicas .divHeading { width: 100%; font-size: 24px; } #rowCaracteristicas .divDatos { width: 100%; justify-content: space-between; } #rowCaracteristicas .divDato { width: calc(25% - 10px) !important; font-size: 16px; } #rowCaracteristicas .divDato .divIcon { flex: 0 0 28px; margin-right: 10px; height: 28px; } #rowCaracteristicas .divDato .divIcon i.mwp { width: 16px; height: 16px; } #rowCaracteristicas .divDistintivoGarantia { margin: 15px 0px 0px 0px; width: 100%; } #rowCaracteristicas .divDG:first-of-type { width: auto !important; } #rowCaracteristicas .divDG:last-of-type { width: auto !important; } #rowCaracteristicas .divDG .divIcon { flex: 0 0 48px; height: 48px; } #rowCaracteristicas .divDG .divTextos { width: auto; } #rowCaracteristicas .divDG .divTextos label { font-size: 18px; } #rowCaracteristicas .divDG .divTextos span { font-size: 18px; } } @media (max-width: 580px) { #rowCaracteristicas .divDatos { justify-content: flex-start; } #rowCaracteristicas .divDato { margin: 0px 10px 15px 0px; width: calc(33.33% - 10px) !important; font-size: 14px; } #rowCaracteristicas .divDato .divIcon { flex: 0 0 22px; margin-right: 5px; height: 22px; } #rowCaracteristicas .divDato .divIcon i.mwp { width: 12px; height: 12px; } } @media (max-width: 480px) { #rowCaracteristicas .divDato { width: calc(50% - 10px) !important; } #rowCaracteristicas .divDistintivoGarantia { margin: 10px 0px 0px 0px; justify-content: flex-start; } #rowCaracteristicas .divDG { flex: 0 0 50%; justify-content: flex-start; } #rowCaracteristicas .divDG .divIcon { flex: 0 0 40px; height: 40px; } #rowCaracteristicas .divDG:first-of-type .divTextos { width: 85px; } #rowCaracteristicas .divDG .divTextos label { font-size: 16px; } #rowCaracteristicas .divDG .divTextos span { font-size: 16px; } } @media (max-width: 380px) { #rowCaracteristicas .divHeading { font-size: 20px; } #rowCaracteristicas .divDistintivoGarantia { margin: 5px 0px 0px 0px; } #rowCaracteristicas .divDG:first-of-type .divTextos { width: 75px; } #rowCaracteristicas .divDG .divTextos label { font-size: 14px; } #rowCaracteristicas .divDG .divTextos span { font-size: 14px; } } /*************************************** #rowEquipamiento ****************************************/ #rowEquipamiento { padding: 0px !important; } #rowEquipamiento .divEquipamiento { padding: 20px calc((100% - 1080px) / 2) 30px calc((100% - 1080px) / 2); } #rowEquipamiento .divEquipamiento * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowEquipamiento .divHeading { width: 50%; font-size: 24px; font-weight: 700; color: var(--color1-hex); border-bottom: solid 2px var(--color1-hex); } #rowEquipamiento .divPestañas { margin-top: 20px; width: 50%; display: flex; } #rowEquipamiento .divPestaña { margin-left: -1px; padding: 4px 2px 3px 2px; font-size: 14px; font-weight: 700; color: var(--color1-hex); background: var(--color4-hex); } #rowEquipamiento .divPestaña { border: solid 1px var(--color1-hex); border-radius: 10px 10px 0px 0px; text-align: center; cursor: pointer; white-space: nowrap; letter-spacing: -0.5px; } #rowEquipamiento .divPestaña:first-of-type { margin-left: 0px; } #rowEquipamiento .divPestaña:hover { background: var(--color-azu4-hex); } #rowEquipamiento .divPestaña.activa { margin-top: -6px; padding-top: 10px; background: #FFFFFF; border-width: 1px 1px 0px 1px; cursor: default; } #rowEquipamiento .divContenidos { width: 50%; } #rowEquipamiento .divContenido { padding: 20px; font-size: 14px; border: solid 1px var(--color1-hex); border-width: 0px 1px 1px 1px; -webkit-transition: none; transition: none; } #rowEquipamiento .divContenido ul { margin: 0px; list-style-type: none; } #rowEquipamiento .divContenido li { margin-bottom: 5px; font-size: 14px; text-align: justify; } #rowEquipamiento .divPestañaExterior { width: 100px; } #rowEquipamiento .divPestañaInterior { width: 100px; } #rowEquipamiento .divPestañaConfort { width: 100px; } #rowEquipamiento .divPestañaSeguridad { width: 100px; } #rowEquipamiento .divPestañaObservaciones { width: calc(100% - 400px + 4px); } #rowEquipamiento .divContenidoExterior { display: none; } #rowEquipamiento .divContenidoInterior { display: none; } #rowEquipamiento .divContenidoConfort { display: none; } #rowEquipamiento .divContenidoSeguridad { display: none; } @media (max-width: 1180px) { #rowEquipamiento .divEquipamiento { padding: 20px 40px 30px 40px; } #rowEquipamiento .divPestaña { padding: 4px 0px 3px 0px; letter-spacing: -1px; } #rowEquipamiento .divPestañaExterior { width: 90px; } #rowEquipamiento .divPestañaInterior { width: 90px; } #rowEquipamiento .divPestañaConfort { width: 90px; } #rowEquipamiento .divPestañaSeguridad { width: 100px; } #rowEquipamiento .divPestañaObservaciones { width: calc(100% - 370px + 4px); } } @media (max-width: 1080px) { #rowEquipamiento .divPestaña { padding: 3px 0px 2px 0px; font-size: 13px; border-radius: 8px 8px 0px 0px; } #rowEquipamiento .divPestaña.activa { padding-top: 9px; } #rowEquipamiento .divPestañaExterior { width: 80px; } #rowEquipamiento .divPestañaInterior { width: 80px; } #rowEquipamiento .divPestañaConfort { width: 80px; } #rowEquipamiento .divPestañaSeguridad { width: 80px; } #rowEquipamiento .divPestañaObservaciones { width: calc(100% - 320px + 4px); } } @media (max-width: 980px) { #rowEquipamiento .divHeading { font-size: 20px; } #rowEquipamiento .divPestañaExterior { width: 75px; } #rowEquipamiento .divPestañaInterior { width: 75px; } #rowEquipamiento .divPestañaConfort { width: 75px; } #rowEquipamiento .divPestañaSeguridad { width: 80px; } #rowEquipamiento .divPestañaObservaciones { width: calc(100% - 305px + 4px); } } @media (max-width: 880px) { #rowEquipamiento .divPestaña { border-radius: 6px 6px 0px 0px; } #rowEquipamiento .divPestaña.activa { padding-top: 8px; } #rowEquipamiento .divPestañaExterior { width: 70px; } #rowEquipamiento .divPestañaInterior { width: 70px; } #rowEquipamiento .divPestañaConfort { width: 70px; } #rowEquipamiento .divPestañaSeguridad { width: 70px; } #rowEquipamiento .divPestañaObservaciones { width: calc(100% - 280px + 4px); } } @media (max-width: 780px) { #rowEquipamiento .divEquipamiento { padding: 20px; } #rowEquipamiento .divPestañaExterior { width: 60px; } #rowEquipamiento .divPestañaInterior { width: 60px; } #rowEquipamiento .divPestañaConfort { width: 60px; } #rowEquipamiento .divPestañaSeguridad { width: 65px; } #rowEquipamiento .divPestañaObservaciones { width: calc(100% - 245px + 4px); } #rowEquipamiento .divContenido { padding: 15px; font-size: 13px; } #rowEquipamiento .divContenido li { font-size: 13px; text-align: left; } } @media (max-width: 680px) { #rowEquipamiento .divHeading { width: 100%; font-size: 24px; } #rowEquipamiento .divPestañas { width: 100%; } #rowEquipamiento .divPestaña { font-size: 14px; border-radius: 8px 8px 0px 0px; letter-spacing: normal; } #rowEquipamiento .divPestañaExterior { width: 90px; } #rowEquipamiento .divPestañaInterior { width: 90px; } #rowEquipamiento .divPestañaConfort { width: 90px; } #rowEquipamiento .divPestañaSeguridad { width: 110px; } #rowEquipamiento .divPestañaObservaciones { width: calc(100% - 380px + 4px); } #rowEquipamiento .divContenidos { width: 100%; } } @media (max-width: 580px) { #rowEquipamiento .divPestaña { font-size: 13px; border-radius: 6px 6px 0px 0px; letter-spacing: -1px; } #rowEquipamiento .divPestañaExterior { width: 75px; } #rowEquipamiento .divPestañaInterior { width: 75px; } #rowEquipamiento .divPestañaConfort { width: 75px; } #rowEquipamiento .divPestañaSeguridad { width: 90px; } #rowEquipamiento .divPestañaObservaciones { width: calc(100% - 315px + 4px); } } @media (max-width: 480px) { #rowEquipamiento .divHeading { font-size: 20px; } #rowEquipamiento .divPestaña { width: calc((100% - 40px + 4px) / 4); height: 25px; font-size: 0px; display: flex; align-items: center; justify-content: center; letter-spacing: normal; } #rowEquipamiento .divPestaña.activa { height: 31px; } #rowEquipamiento .divPestaña:after { font-size: 13px; } #rowEquipamiento .divPestañaExterior:after { content: "EXT."; } #rowEquipamiento .divPestañaInterior:after { content: "INT."; } #rowEquipamiento .divPestañaConfort:after { content: "CON."; } #rowEquipamiento .divPestañaSeguridad:after { content: "SEG."; } #rowEquipamiento .divPestañaObservaciones { width: 40px; } #rowEquipamiento .divPestañaObservaciones:after { content: "\f05a"; font-family: "FontAwesome"; font-size: 18px; } } /*************************************** #rowCertificacion ***************************************/ #rowCertificacion { padding: 0px !important; } #rowCertificacion .divCertificacion { padding: 30px calc((100% - 1080px) / 2); background: var(--color5-hex); } #rowCertificacion .divCertificacion * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowCertificacion .divHeading { width: 50%; display: flex; align-items: center; justify-content: center; } #rowCertificacion .divHeading span { margin-right: 15px; font-size: 24px; font-weight: 700; color: var(--color1-hex); } #rowCertificacion .divHeading img { width: 160px; } #rowCertificacion .divContenido { margin-top: 15px; width: 50%; } #rowCertificacion .divContenido ul { margin: auto; list-style-type: none; display: table; } #rowCertificacion .divContenido li { margin-bottom: 5px; font-size: 16px; color: var(--color1-hex); } #rowCertificacion .divContenido li i { font-size: 14px; line-height: 120%; } @media (max-width: 1180px) { #rowCertificacion .divCertificacion { padding: 30px 40px; } } @media (max-width: 1080px) { #rowCertificacion .divHeading img { width: 140px; } } @media (max-width: 980px) { #rowCertificacion .divHeading { display: block; text-align: center; } #rowCertificacion .divHeading span { margin-right: 0px; } #rowCertificacion .divHeading img { margin: 5px auto 0px auto; display: block; } } @media (max-width: 780px) { #rowCertificacion .divCertificacion { padding: 20px; } #rowCertificacion .divContenido li { font-size: 14px; } } @media (max-width: 680px) { #rowCertificacion .divHeading { width: 100%; } #rowCertificacion .divContenido { width: 100%; } } /***************************************** #rowTeLlamamos ****************************************/ #rowTeLlamamos { padding: 0px !important; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10001; display: none; } #rowTeLlamamos .divTeLlamamos { width: 100%; height: 100%; } #rowTeLlamamos .divTeLlamamos * { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowTeLlamamos .divMascara { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.7); } #rowTeLlamamos .divFormularioTeLlamamos { position: absolute; top: 100px; left: 50%; transform: translateX(-50%); width: 600px; } #rowTeLlamamos .divFormularioTeLlamamos .divCabecera { padding: 20px 0px; background: var(--color1-hex); border-radius: 20px 20px 0px 0px; } #rowTeLlamamos .divFormularioTeLlamamos .divCabecera h2 { width: 100%; font-size: 24px; font-weight: 700; color: #FFFFFF; text-align: center; line-height: 100%; } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 { padding: 0px 20px 20px 20px; border-radius: 0px; transform: translateY(-10px); } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divGrupo { padding-bottom: 10px; } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divField input { padding: 10px; font-size: 14px; } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divField textarea { padding: 10px; font-size: 14px; height: 90px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldNombre { width: calc(100% - 180px); } #rowTeLlamamos .divFormularioTeLlamamos .divFieldTelefono { width: 160px; } #rowTeLlamamos .divFormularioTeLlamamos .divGrupoCuando { align-items: flex-start; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia { width: calc(100% - 250px); border-right: solid 1px var(--color3-hex); } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia .wpcf7-list-item { margin: 0px; padding: 2px 0px; width: 100px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia .wpcf7-list-item-label { font-size: 14px; color: var(--color-azu3-hex); } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia .wpcf7-not-valid-tip { bottom: -20px; right: auto; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldHora { width: 230px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldHora .wpcf7-list-item { margin: 0px; padding: 2px 0px; width: 100%; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldHora .wpcf7-list-item-label { font-size: 14px; color: var(--color-azu3-hex); } #rowTeLlamamos .divFormularioTeLlamamos .divFieldHora .wpcf7-not-valid-tip { bottom: -20px; right: auto; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldComentarios { width: 100%; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldAcepto { align-items: flex-start; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldAcepto p { margin: 0px 0px 0px 5px; font-size: 13px; text-align: justify; letter-spacing: -0.5px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldSubmit { width: 100%; justify-content: center; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldSubmit input { padding: 15px 40px !important; font-size: 16px !important; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldLegal p { font-size: 11px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldLegal p a { line-height: 120%; } #rowTeLlamamos .divFormularioTeLlamamos .divClose { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); } #rowTeLlamamos .divFormularioTeLlamamos .divClose { padding: 10px; background: var(--color1-hex); border-radius: 50% 50% 0px 0px; } #rowTeLlamamos .divFormularioTeLlamamos .divClose:before { content: "\f057"; font-family: "FontAwesome"; font-size: 30px; color: #FFFFFF; cursor: pointer; } #rowTeLlamamos .divFormularioTeLlamamos .divClose:before { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #rowTeLlamamos .divFormularioTeLlamamos .divClose:hover:before { color: var(--color-nar1-hex); } @media (max-width: 980px) { #rowTeLlamamos .divFormularioTeLlamamos .divCabecera h2 { font-size: 20px; } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divGrupo { padding-bottom: 5px; } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divGrupoHeading { margin-bottom: 15px; font-size: 18px; } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divField input { font-size: 13px; } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divField textarea { font-size: 13px; height: 80px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldAcepto p { font-size: 12px; text-align: left; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldLegal p { font-size: 10px; } } @media (max-width: 780px) { #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divGrupoHeading { margin-bottom: 10px; font-size: 16px; } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divField textarea { height: 60px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldAcepto p { font-size: 11px; } } @media (max-width: 680px) { #rowTeLlamamos .divFormularioTeLlamamos { top: 50px; width: calc(100% - 80px); } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia { width: 280px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia .wpcf7-list-item { width: 90px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldHora { width: calc(100% - 300px); } } @media (max-width: 580px) { #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divGrupoHeading { font-size: 14px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldNombre { width: 100%; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldTelefono { width: 100%; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia { width: 195px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia .wpcf7-list-item { width: 100px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia .wpcf7-list-item:nth-of-type(2) { width: 90px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia .wpcf7-list-item:nth-of-type(4) { width: 90px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia .wpcf7-list-item:nth-of-type(6) { width: 90px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldHora { width: calc(100% - 210px); } } @media (max-width: 480px) { #rowTeLlamamos .divFormularioTeLlamamos { width: calc(100% - 60px); } #rowTeLlamamos .divFormularioTeLlamamos .divField { padding-bottom: 5px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia { width: 100%; border: 0px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia .wpcf7-list-item { width: 33.33% !important; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia .wpcf7-list-item-label { font-size: 13px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldHora { width: 100%; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldHora .wpcf7-form-control { justify-content: center; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldHora .wpcf7-list-item { margin: 0px 10px; width: auto; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldHora .wpcf7-list-item-label { font-size: 13px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldSubmit input { padding: 10px 40px !important; font-size: 14px !important; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldLegal p { font-size: 9px; line-height: 110%; } } @media (max-width: 380px) { #rowTeLlamamos .divFormularioTeLlamamos { width: calc(100% - 40px); } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divGrupoHeading { font-size: 13px; } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divField input { padding: 5px; } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divField input[type="radio"] { width: 16px; height: 16px; } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divField input[type="checkbox"] { width: 16px; height: 16px; } #rowTeLlamamos .divFormularioTeLlamamos .divFormCF7 .divField textarea { padding: 5px; height: 40px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia .wpcf7-list-item { width: 50% !important; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldDia .wpcf7-list-item-label { font-size: 12px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldHora .wpcf7-form-control { justify-content: flex-start; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldHora .wpcf7-list-item { margin: 0px; width: 50%; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldHora .wpcf7-list-item-label { font-size: 12px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldAcepto p { font-size: 10px; } #rowTeLlamamos .divFormularioTeLlamamos .divFieldSubmit input { padding: 5px 40px !important; } } /*************************************** #rowHomeTasacion ****************************************/ #rowHomeTasacion { padding: 0px !important; } #rowHomeTasacion .divHomeTasacion { background: #FFDDAA; }