/* CSS personalizado para Single VEHÍCULOS */ /**************************************** GAMA DE COLORES ****************************************/ /* Azul Oscuro: 005376 rgb( 0, 83,118) */ /* Gris: 999999 rgb(153,153,153) */ /* Azul Medio: 8CA8C2 rgb(140,168,194) */ /* Azul Claro: C8D8E8 rgb(200,216,232) */ /* Azul Muy Claro: E0F3FC rgb(224,243,252) */ /* Verde 1: 90C254 rgb(144,194, 84) */ /* Verde 2: C8DDAB rgb(200,221,171) */ /* Verde 3: E6F0D7 rgb(230,240,215) */ /* Naranja 1: FF7711 rgb(255,119, 17) */ /* Naranja 2: FFEEDD rgb(255,238,221) */ /************************************ MODIFICADOS DE syle-home ***********************************/ #main { padding: 0px !important; } #main .full-container { max-width: none !important; } .single-vehiculos .entry-content * { font-family: var(--font-family-narrow); font-weight: 400; } .single-vehiculos .entry-content .fa { font-family: "FontAwesome" !important; } /******************************************* GENERALES *******************************************/ .single-vehiculos .divCabeceraVerde { position: relative; padding: 12px 70px 12px 20px; width: 100%; font-size: 24px; color: var(--color2-hex); } .single-vehiculos .divCabeceraVerde { border: solid 2px var(--color-ver1-hex); background: var(--color-ver3-hex); line-height: 100%; } .single-vehiculos .divCabeceraVerde .spanIVA { float: right; font-size: 18px; } .single-vehiculos .divCabeceraVerde button { position: absolute; top: 0px; right: 0px; padding: 0px; width: 50px; height: 100%; } .single-vehiculos .divCabeceraVerde button { font-size: 30px; background: var(--color-ver1-hex); border: none; border-radius: 0px; } .single-vehiculos .divCabeceraVerde button { display: flex; align-items: center; justify-content: center; } .single-vehiculos .divCabeceraVerde button i { width: 20px; height: 20px; line-height: 14px; } .single-vehiculos .divBox { padding: 20px; width: 100%; border: solid #DDDDDD; border-width: 0px 2px 2px 2px; } @media (max-width: 780px) { .single-vehiculos .divCabeceraVerde { padding: 8px 70px 8px 20px; font-size: 20px; } .single-vehiculos .divCabeceraVerde .spanIVA { font-size: 16px; } } @media (max-width: 580px) { .single-vehiculos .divCabeceraVerde .spanIVA { float: none; position: absolute; top: 12px; right: 55px; font-size: 14px; text-align: center; line-height: 100%; } } @media (max-width: 480px) { .single-vehiculos .divCabeceraVerde .spanIVA { top: 5px; width: 50px; font-size: 13px; } } @media (max-width: 420px) { .single-vehiculos .divCabeceraVerde .spanIVA { top: 6px; width: 45px; font-size: 12px; } } @media (max-width: 380px) { .single-vehiculos .divCabeceraVerde { padding: 6px 60px 6px 10px; font-size: 16px; } .single-vehiculos .divCabeceraVerde .spanIVA { top: 4px; width: 40px; font-size: 11px; } } /************************************* #rowCabeceraVehiculo **************************************/ #rowCabeceraVehiculo { padding: 0px !important; } #rowCabeceraVehiculo .divCabeceraVehiculo { width: 100%; line-height: 0px; } #rowCabeceraVehiculo .divCabeceraVehiculo img { width: 100%; } /****************************************** #rowModelo *******************************************/ #rowModelo { margin: auto; max-width: 1080px; } #rowModelo * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #rowModelo .divModelo h1 { font-size: 70px; font-weight: 600; text-align: center; line-height: 120%; } @media (max-width: 1080px) { #rowModelo .divModelo h1 { font-size: 60px; } } @media (max-width: 980px) { #rowModelo .divModelo h1 { font-size: 50px; } } @media (max-width: 780px) { #rowModelo .divModelo h1 { font-size: 38px; } } @media (max-width: 580px) { #rowModelo .divModelo h1 { font-size: 30px; } } @media (max-width: 480px) { #rowModelo .divModelo h1 { font-size: 24px; } } @media (max-width: 380px) { #rowModelo .divModelo h1 { font-size: 20px; } } /****************************************** #rowReserva ******************************************/ #rowReserva { margin: auto; max-width: 1080px; } #rowReserva .divBoxReserva .divFormReservaSedes { padding: 0px !important; } #rowReserva .divBoxReserva .divFormReservaSedes label { white-space: nowrap; } #rowReserva .divBoxReserva * { font-family: var(--font-family-narrow); font-weight: 400; line-height: 120%; } #rowReserva .divBoxReserva * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #rowReserva .divCabeceraVerde { padding: 0px 70px 0px 20px; height: 52px; display: flex; align-items: center; justify-content: space-between; } #rowReserva .divCabeceraVerde .spanNumeroReserva { font-size: 30px; font-weight: 600; color: var(--color-nar1-hex); line-height: 100%; display: none; } #rowReserva .divCabeceraVerde .spanIVA { float: none; } #rowReserva .divGrupo { margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } #rowReserva .divDatosHidden { display: none; } /* No hay sólo inputs hidden */ #rowReserva .divGrupoAlquiler { margin-top: 0px; } #rowReserva .divGrupoHeading { margin-bottom: 20px; padding-bottom: 2px; width: 100%; font-size: 24px; } #rowReserva .divGrupoHeading { color: var(--color-ver1-hex); border-bottom: solid 1px var(--color-ver1-hex); } #rowReserva .divGrupoHeading i { margin-right: 10px; } #rowReserva .divField { margin-bottom: 20px; } #rowReserva .divField label { font-size: 24px; } #rowReserva .divField > span { width: 100%; } #rowReserva input { padding-left: 10px; width: 100%; height: 50px; font-size: 20px; } #rowReserva input { color: var(--color-nar1-hex); background: #F6F6F6; border: none; border-radius: 0px; } #rowReserva textarea { padding: 10px; width: 100%; height: 130px; font-size: 20px; } #rowReserva textarea { color: var(--color-nar1-hex); background: #F6F6F6; border: none; border-radius: 0px; } #rowReserva input::placeholder { color: var(--color4-hex); } #rowReserva input:-ms-input-placeholder { color: var(--color4-hex); } #rowReserva input::-webkit-input-placeholder { color: var(--color4-hex); } #rowReserva input[type="radio"] { width: 20px; height: 20px; } #rowReserva input[type="checkbox"] { width: 20px; height: 20px; } #rowReserva input[type="date"]::-webkit-clear-button { display: none; } #rowReserva input[type="date"]::-webkit-inner-spin-button { display: none; } #rowReserva input[type="date"]::-webkit-calendar-picker-indicator { background-color: transparent !important; cursor: pointer; } #rowReserva input[type="date"]::-webkit-calendar-picker-indicator:hover { background-color: transparent !important; } #rowReserva select { padding-left: 10px; width: 100%; height: 50px; font-size: 20px; } #rowReserva select { color: var(--color-nar1-hex); background: #F6F6F6; border: none; border-radius: 0px; } #rowReserva .divField span[role="alert"] { margin-top: 3px; white-space: nowrap; font-size: 14px; } #rowReserva .divField label.labelRequired:before { content: "* "; color: #FF0000; } #rowReserva .divField span.disabled { color: #DDDDDD; } #rowReserva .divField input.disabled { background: var(--color-ver3-hex); color: var(--color-ver1-hex); } #rowReserva .divField.disabled:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } @media (max-width: 1180px) { #rowReserva .divReserva { padding: 0px 20px; } } @media (max-width: 1080px) { #rowReserva .divGrupoHeading { font-size: 20px; } #rowReserva .divField label { font-size: 20px; } #rowReserva input { font-size: 18px; } #rowReserva textarea { font-size: 18px; } } @media (max-width: 980px) { #rowReserva .divGrupoHeading { font-size: 18px; } #rowReserva .divField label { font-size: 18px; } #rowReserva input { font-size: 16px; height: 40px; } #rowReserva textarea { font-size: 16px; height: 100px; } #rowReserva input[type="radio"] { width: 18px; height: 18px; } #rowReserva input[type="checkbox"] { width: 18px; height: 18px; } #rowReserva select { font-size: 16px; height: 40px; } } @media (max-width: 780px) { #rowReserva .divCabeceraVerde { height: 40px; } #rowReserva .divCabeceraVerde .spanNumeroReserva { font-size: 24px; } #rowReserva .divField { margin-bottom: 10px; } #rowReserva .divField label { font-size: 16px; } #rowReserva input { font-size: 14px; height: 32px; } #rowReserva textarea { font-size: 14px; height: 80px; } #rowReserva select { font-size: 14px; height: 32px; } } @media (max-width: 580px) { #rowReserva .divCabeceraVerde { height: 60px; } #rowReserva .divCabeceraVerde .spanNumeroReserva { font-size: 20px; } #rowReserva .divCabeceraVerde .spanIVA { top: 22px; } #rowReserva .divField span[role="alert"] { margin-top: 2px; font-size: 13px; } } @media (max-width: 480px) { #rowReserva .divReserva { padding: 0px 10px; } #rowReserva .divCabeceraVerde span:first-of-type { width: 125px; line-height: 110%; } #rowReserva .divCabeceraVerde .spanIVA { width: auto; } #rowReserva input[type="radio"] { width: 16px; height: 16px; } #rowReserva input[type="checkbox"] { width: 16px; height: 16px; } #rowReserva .divField span[role="alert"] { font-size: 12px; } } @media (max-width: 380px) { #rowReserva .divCabeceraVerde { height: 50px; } #rowReserva .divCabeceraVerde span:first-of-type { width: 100px; } #rowReserva .divCabeceraVerde .spanNumeroReserva { font-size: 18px; } #rowReserva .divCabeceraVerde .spanIVA { top: 17px; } } /* MENSAJE CONFIRMACION */ #rowReserva .divMensajeConfirmacion { display: flex; align-items: center; justify-content: center; } #rowReserva .divMensajeConfirmacion .divSello { padding: 15px; width: 180px; } #rowReserva .divMensajeConfirmacion .divTexto { padding: 15px; width: 400px; font-size: 18px; font-style: italic; } #rowReserva .divMensajeConfirmacion .divTexto p { margin: 5px 0px; } #rowReserva .divMensajeConfirmacion .divTexto strong { font-weight: 600; } #rowReserva .divMensajeConfirmacion .divInstrucciones { padding: 15px; width: calc(100% - 580px); font-size: 16px; } @media (max-width: 1180px) { #rowReserva .divMensajeConfirmacion .divSello { width: 180px; } #rowReserva .divMensajeConfirmacion .divTexto { width: 340px; } #rowReserva .divMensajeConfirmacion .divInstrucciones { width: calc(100% - 520px); } } @media (max-width: 1080px) { #rowReserva .divMensajeConfirmacion .divSello { width: 160px; } #rowReserva .divMensajeConfirmacion .divTexto { font-size: 16px; } #rowReserva .divMensajeConfirmacion .divInstrucciones { font-size: 14px; } } @media (max-width: 980px) { #rowReserva .divMensajeConfirmacion .divSello { width: 140px; } #rowReserva .divMensajeConfirmacion .divTexto { width: 240px; } #rowReserva .divMensajeConfirmacion .divInstrucciones { width: calc(100% - 380px); } } @media (max-width: 780px) { #rowReserva .divMensajeConfirmacion { flex-wrap: wrap; } #rowReserva .divMensajeConfirmacion .divSello { padding: 0px 10px 10px 10px; width: 120px; } #rowReserva .divMensajeConfirmacion .divTexto { padding: 0px 10px 10px 10px; width: calc(100% - 120px); font-size: 14px; } #rowReserva .divMensajeConfirmacion .divInstrucciones { padding: 0px 10px 20px 10px; width: 100%; font-size: 13px; } } @media (max-width: 580px) { #rowReserva .divMensajeConfirmacion .divSello { padding: 0px 10px 10px 0px; width: 100px; } #rowReserva .divMensajeConfirmacion .divTexto { padding: 0px 0px 10px 10px; width: calc(100% - 100px); } #rowReserva .divMensajeConfirmacion .divInstrucciones { padding: 0px 0px 20px 0px; } } @media (max-width: 480px) { #rowReserva .divMensajeConfirmacion .divTexto { font-size: 13px; } #rowReserva .divMensajeConfirmacion .divInstrucciones { font-size: 12px; } } @media (max-width: 380px) { #rowReserva .divMensajeConfirmacion .divSello { padding: 0px; } #rowReserva .divMensajeConfirmacion .divTexto { padding: 0px 0px 10px 0px; width: 100%; } #rowReserva .divMensajeConfirmacion .divInstrucciones { font-size: 11px; } } /* GRUPO ALQUILER */ #rowReserva .divFieldSede { position: relative; padding-right: 20px; width: 300px; } #rowReserva .divFieldRecogida { position: relative; padding-right: 20px; width: 210px; } #rowReserva .divFieldDevolucion { position: relative; padding-right: 20px; width: 210px; } #rowReserva .divFieldDuracion { position: relative; padding-right: 20px; width: calc(100% - 300px - 210px - 210px - 170px); } #rowReserva .divFieldKmsIncluidos { position: relative; padding-right: 0px; width: 170px; } #rowReserva .divFieldSede .divSede { margin-top: 10px; } #rowReserva .divFieldSede .divSede img { float: left; margin-right: 10px; width: 80px; } #rowReserva .divFieldSede .divSede .spanName { font-size: 16px; line-height: 120%; display: block; } #rowReserva .divFieldSede .divSede .spanAdress { font-size: 13px; line-height: 120%; display: block; } #rowReserva .divFieldRecogida input { padding-left: 35px; } #rowReserva .divFieldRecogida #inputRecogidaReserva { margin-top: 10px; } #rowReserva .divFieldRecogida i { position: absolute; top: 50px; left: 10px; font-family: "FontAwesome"; font-size: 20px; color: var(--color4-hex); } #rowReserva .divFieldDevolucion input { padding-left: 35px; } #rowReserva .divFieldDevolucion #inputDevolucionReserva { margin-top: 10px; } #rowReserva .divFieldDevolucion i { position: absolute; top: 50px; left: 10px; font-family: "FontAwesome"; font-size: 20px; color: var(--color4-hex); } #rowReserva .divDuracionValue { margin-top: 10px; width: 100%; height: 50px; font-size: 24px; font-weight: 600; color: var(--color-ver1-hex); } #rowReserva .divDuracionValue { background: var(--color-nar2-hex); display: flex; align-items: center; justify-content: center; } #rowReserva .divKmsIncluidosValue { margin-top: 10px; width: 100%; height: 50px; font-size: 24px; font-weight: 600; color: var(--color-ver1-hex); } #rowReserva .divKmsIncluidosValue { background: var(--color-nar2-hex); display: flex; align-items: center; justify-content: center; } @media (max-width: 1180px) { #rowReserva .divFieldSede { padding-right: 15px; width: 280px; } #rowReserva .divFieldRecogida { padding-right: 15px; width: 205px; } #rowReserva .divFieldDevolucion { padding-right: 15px; width: 205px; } #rowReserva .divFieldDuracion { padding-right: 15px; width: calc(100% - 280px - 205px - 205px - 140px); } #rowReserva .divFieldKmsIncluidos { padding-right: 0px; width: 140px; } } @media (max-width: 1080px) { #rowReserva .divFieldRecogida { width: 180px; } #rowReserva .divFieldDevolucion { width: 180px; } #rowReserva .divFieldDuracion { width: 95px; } #rowReserva .divFieldKmsIncluidos { width: calc(100% - 280px - 180px - 180px - 95px); } #rowReserva .divFieldLugar .wpcf7-list-item-label img { margin-right: 4px; width: 80px; } #rowReserva .divFieldLugar span label span { font-size: 18px; } #rowReserva .divFieldRecogida input { padding-left: 25px; } #rowReserva .divFieldRecogida i { top: 49px; left: 5px; font-size: 16px; } #rowReserva .divFieldDevolucion input { padding-left: 25px; } #rowReserva .divFieldDevolucion i { top: 49px; left: 5px; font-size: 16px; } #rowReserva .divDuracionValue { font-size: 20px; } #rowReserva .divFieldKmsIncluidos label { letter-spacing: -0.8px; } #rowReserva .divKmsIncluidosValue { font-size: 20px; } } @media (max-width: 980px) { #rowReserva .divFieldSede { padding-right: 10px; width: 245px; } #rowReserva .divFieldRecogida { padding-right: 10px; width: 157px; } #rowReserva .divFieldDevolucion { padding-right: 10px; width: 157px; } #rowReserva .divFieldDuracion { padding-right: 10px; width: 85px; } #rowReserva .divFieldKmsIncluidos { padding-right: 0px; width: calc(100% - 245px - 157px - 157px - 85px); } #rowReserva .divFieldSede .divSede img { width: 75px; } #rowReserva .divFieldSede .divSede .spanName { font-size: 14px; } #rowReserva .divFieldRecogida input { padding-left: 20px; } #rowReserva .divFieldRecogida #inputRecogidaReserva { margin-top: 5px; } #rowReserva .divFieldRecogida i { top: 37px; left: 4px; font-size: 14px; } #rowReserva .divFieldDevolucion input { padding-left: 20px; } #rowReserva .divFieldDevolucion #inputDevolucionReserva { margin-top: 5px; } #rowReserva .divFieldDevolucion i { top: 37px; left: 4px; font-size: 14px; } #rowReserva .divDuracionValue { margin-top: 5px; font-size: 18px; height: 40px; } #rowReserva .divKmsIncluidosValue { margin-top: 5px; font-size: 18px; height: 40px; } } @media (max-width: 880px) { #rowReserva .divFieldSede { width: 270px; } #rowReserva .divFieldRecogida { width: calc((100% - 260px) / 2); } #rowReserva .divFieldDevolucion { padding-right: 0px; width: calc((100% - 280px) / 2); } #rowReserva .divFieldDuracion { width: 50%; } #rowReserva .divFieldKmsIncluidos { width: 50%; } #rowReserva .divFieldRecogida input { padding-left: 30px; } #rowReserva .divFieldRecogida i { top: 36px; left: 10px; font-size: 16px; } #rowReserva .divFieldDevolucion input { padding-left: 30px; } #rowReserva .divFieldDevolucion i { top: 36px; left: 10px; font-size: 16px; } #rowReserva .divFieldKmsIncluidos label { letter-spacing: normal; } } @media (max-width: 780px) { #rowReserva .divFieldSede { width: 250px; } #rowReserva .divFieldRecogida { width: calc((100% - 240px) / 2); } #rowReserva .divFieldDevolucion { width: calc((100% - 260px) / 2); } #rowReserva .divFieldRecogida input { padding-left: 25px; } #rowReserva .divFieldRecogida i { top: 32px; left: 7px; font-size: 14px; } #rowReserva .divFieldDevolucion input { padding-left: 25px; } #rowReserva .divFieldDevolucion i { top: 32px; left: 7px; font-size: 14px; } #rowReserva .divDuracionValue { font-size: 16px; height: 32px; } #rowReserva .divKmsIncluidosValue { font-size: 16px; height: 32px; } } @media (max-width: 680px) { #rowReserva .divFieldSede { padding-right: 0px; width: 100%; } #rowReserva .divFieldRecogida { width: 50%; } #rowReserva .divFieldDevolucion { width: 50%; } #rowReserva .divFieldSede .divSede img { width: 100px; } #rowReserva .divFieldSede .divSede .spanName { font-size: 18px; } #rowReserva .divFieldSede .divSede .spanAdress { font-size: 14px; } } @media (max-width: 480px) { #rowReserva .divFieldRecogida { width: calc(50% + 5px); } #rowReserva .divFieldDevolucion { width: calc(50% - 5px); } #rowReserva .divFieldSede .divSede img { width: 80px; } #rowReserva .divFieldSede .divSede .spanName { font-size: 16px; } #rowReserva .divFieldSede .divSede .spanAdress { font-size: 13px; } #rowReserva .divFieldRecogida input { padding-left: 20px; } #rowReserva .divFieldRecogida i { top: 32px; left: 5px; font-size: 13px; } #rowReserva .divFieldDevolucion input { padding-left: 20px; } #rowReserva .divFieldDevolucion i { top: 32px; left: 5px; font-size: 13px; } } @media (max-width: 380px) { #rowReserva .divFieldRecogida { padding-right: 0px; width: 100%; } #rowReserva .divFieldDevolucion { width: 100%; } #rowReserva .divFieldSede .divSede img { display: none; } } /* GRUPO TARIFA */ /* #rowReserva .divFieldTarifa { position: relative; padding-right: 20px; width: 440px; align-self: flex-end; padding-bottom: 15px; } #rowReserva .divFieldTotal { position: relative; padding-right: 20px; width: calc(100% - 440px - 135px); } #rowReserva .divFieldNotas { position: relative; padding-right: 0px; width: 135px; align-self: flex-end; } */ #rowReserva .divFieldTarifa { position: relative; width: 280px; align-self: flex-end; padding-bottom: 15px; } #rowReserva .divFieldTotal { position: relative; width: calc(100% - 280px - 135px - 60px); } #rowReserva .divFieldNotas { position: relative; width: 135px; align-self: flex-end; } #rowReserva .divFieldTarifa .wpcf7-list-item { margin-left: 0px; } #rowReserva .divFieldTarifa .wpcf7-list-item.first { margin-left: 0px; display: none; } #rowReserva .divFieldTarifa .wpcf7-list-item.last { margin-left: 20px; } #rowReserva .divFieldTarifa .wpcf7-list-item.last span { text-align: center; } #rowReserva .divFieldTarifa label { display: flex; align-items: center; } #rowReserva .divFieldTarifa label span { margin-left: 5px; font-size: 20px; line-height: 90%; } #rowReserva .divFieldTarifa label span br { line-height: 90%; } #rowReserva .divFieldTarifa label .spanNota { margin-left: 0px; font-size: 14px; line-height: 90%; } #rowReserva .divTotalValue { margin-top: 10px; width: 100%; height: 50px; color: #FFFFFF; background: var(--color1-hex); } #rowReserva .divTotalValue { display: flex; align-items: center; justify-content: center; white-space: nowrap; } #rowReserva .divTotalValue .spanCuenta { font-size: 22px; font-weight: 600; } #rowReserva .divTotalValue .spanTotal { margin-left: 10px; font-size: 36px; font-weight: 600; } #rowReserva .divTotalValue .spanGastos { margin-left: 25px; font-size: 16px; line-height: 100%; } #rowReserva .divTotalValue .spanGastos strong { font-size: 20px; font-weight: 600; } #rowReserva .divFieldNotas span { font-size: 20px; color: var(--color1-hex); display: block; } #rowReserva .divFieldTexto span { font-style: italic; display: block; } #rowReserva .divFieldTexto span strong { font-weight: 600; } #rowReserva .divNotaGastosGestion { position: relative; margin-bottom: 20px; width: 100%; height: 200px; background: var(--color-nar2-hex); } #rowReserva .divNotaGastosGestion { border: solid 2px var(--color-nar1-hex); display: flex; align-items: center; justify-content: space-evenly; } #rowReserva .divNotaGastosGestion .divIcono { flex: 0 0 100px; text-align: center; } #rowReserva .divNotaGastosGestion .divIcono i { font-size: 70px; color: var(--color-nar1-hex); } #rowReserva .divNotaGastosGestion .divFoto { flex: 0 0 calc(100% - 100px - 560px); position: relative; height: 100%; background-repeat: no-repeat; } #rowReserva .divNotaGastosGestion .divFoto { background-position: center center; background-size: cover; } #rowReserva .divNotaGastosGestion .divTunelSede { position: absolute; top: 10px; left: 10px; font-size: 20px; font-weight: 600; color: #FFFFFF; text-shadow: 1px 1px #000000; } #rowReserva .divNotaGastosGestion .divTunelEnlace { position: absolute; bottom: 10px; left: 10px; width: 64px; height: 64px; } #rowReserva .divNotaGastosGestion .divTunelEnlace a { width: 100%; height: 100%; background-image: url("/wp-content/uploads/icono_google_maps.png"); display: block; } #rowReserva .divNotaGastosGestion .divTunelEnlace a { -webkit-filter: drop-shadow(2px 2px 2px #000000)); filter: drop-shadow(2px 2px 2px #000000); } #rowReserva .divNotaGastosGestion .divTunelEnlace a:hover { transform: scale(1.1); } #rowReserva .divNotaGastosGestion .divTunelDatos { position: absolute; bottom: 10px; right: 10px; padding: 10px; font-size: 14px; } #rowReserva .divNotaGastosGestion .divTunelDatos { color: #FFFFFF; background: rgba(var(--color1-rgb),0.5); text-align: right; text-shadow: 1px 1px #000000; } #rowReserva .divNotaGastosGestion .divTunelDatos strong { font-size: 18px; font-weight: 600; } #rowReserva .divNotaGastosGestion .divTexto { flex: 0 0 560px; color: var(--color1-hex); text-align: center; } #rowReserva .divNotaGastosGestion .divTexto p { margin: 10px 0px; font-size: 16px; } #rowReserva .divNotaGastosGestion .divTexto p strong { font-weight: 600; } #rowReserva .divNotaGastosGestion .divTexto p:nth-of-type(3) { font-size: 20px; color: #FF0000; text-shadow: 0px 2px 0px #FFFFFF; } #rowReserva .divNotaGastosGestion .divTexto p:nth-of-type(3) strong { font-size: 24px; font-weight: 600; } @media (max-width: 1180px) { #rowReserva .divTotalValue.conGastos { letter-spacing: -0.8px; } #rowReserva .divTotalValue.conGastos .spanCuenta { font-size: 20px; } #rowReserva .divTotalValue.conGastos .spanTotal { margin-left: 5px; font-size: 32px; } #rowReserva .divTotalValue.conGastos .spanGastos { margin-left: 20px; font-size: 14px; } #rowReserva .divTotalValue.conGastos .spanGastos strong { font-size: 20px; } } @media (max-width: 1080px) { /* #rowReserva .divFieldTarifa { padding-right: 20px; width: 400px; } #rowReserva .divFieldTotal { padding-right: 20px; width: calc(100% - 400px - 150px); } #rowReserva .divFieldNotas { padding-right: 0px; width: 150px; } */ #rowReserva .divFieldTarifa { width: 260px; } #rowReserva .divFieldTotal { width: calc(100% - 260px - 135px - 60px); } /*#rowReserva .divFieldTarifa .wpcf7-list-item { margin-left: 15px; }*/ #rowReserva .divFieldTarifa label span { font-size: 18px; } #rowReserva .divTotalValue .spanCuenta { font-size: 20px; } #rowReserva .divTotalValue .spanTotal { font-size: 30px; } #rowReserva .divTotalValue.conGastos { height: 60px; flex-wrap: wrap; letter-spacing: normal; } #rowReserva .divTotalValue.conGastos .spanTotal { font-size: 28px; } #rowReserva .divTotalValue.conGastos .spanGastos { margin: -10px 0px 0px 0px; width: 100%; font-size: 13px; text-align: center; } #rowReserva .divTotalValue.conGastos .spanGastos strong { font-size: 18px; } #rowReserva .divTotalValue.conGastos .spanGastos br { content: ""; margin-left: 5px; } #rowReserva .divFieldNotas span { font-size: 18px; } #rowReserva .divNotaGastosGestion .divIcono { flex: 0 0 80px; } #rowReserva .divNotaGastosGestion .divIcono i { font-size: 60px; } #rowReserva .divNotaGastosGestion .divFoto { flex: 0 0 calc(100% - 80px - 500px); } #rowReserva .divNotaGastosGestion .divTexto { flex: 0 0 500px; } #rowReserva .divNotaGastosGestion .divTexto p { font-size: 14px; } #rowReserva .divNotaGastosGestion .divTexto p:nth-of-type(3) { font-size: 18px; } #rowReserva .divNotaGastosGestion .divTexto p:nth-of-type(3) strong { font-size: 20px; } } @media (max-width: 980px) { /* #rowReserva .divFieldTarifa { padding-right: 20px; width: 250px; padding-bottom: 0px; } #rowReserva .divFieldTotal { padding-right: 20px; width: calc(100% - 250px - 140px); } #rowReserva .divFieldNotas { padding-right: 0px; width: 140px; } */ #rowReserva .divFieldTarifa { width: 190px; padding-bottom: 0px; } #rowReserva .divFieldTotal { width: calc(100% - 190px - 140px - 40px); } #rowReserva .divFieldNotas { width: 140px; } /*#rowReserva .divFieldTarifa .wpcf7-list-item { margin-left: 15px; }*/ #rowReserva .divFieldTarifa .wpcf7-list-item.last { margin-top: 5px; margin-left: 0px; } #rowReserva .divFieldTarifa label span { font-size: 16px; } #rowReserva .divFieldTarifa label .spanNota { margin-left: 5px; font-size: 13px; } #rowReserva .divFieldTarifa label span br { display: none; } #rowReserva .divTotalValue { margin-top: 5px; height: 40px; } #rowReserva .divTotalValue .spanCuenta { font-size: 18px; } #rowReserva .divTotalValue .spanTotal { font-size: 24px; } #rowReserva .divFieldNotas span { font-size: 16px; } #rowReserva .divFieldTexto span { font-size: 14px; letter-spacing: -0.3px; } #rowReserva .divNotaGastosGestion .divIcono { flex: 0 0 50px; } #rowReserva .divNotaGastosGestion .divIcono i { font-size: 40px; } #rowReserva .divNotaGastosGestion .divFoto { flex: 0 0 calc(100% - 50px - 480px); } #rowReserva .divNotaGastosGestion .divTexto { flex: 0 0 480px; } } @media (max-width: 900px) { #rowReserva .divNotaGastosGestion { height: 230px; } #rowReserva .divNotaGastosGestion .divFoto { flex: 0 0 calc(100% - 50px - 300px); } #rowReserva .divNotaGastosGestion .divTexto { flex: 0 0 300px; } #rowReserva .divNotaGastosGestion .divTexto p:nth-of-type(3) { line-height: 100%; } #rowReserva .divNotaGastosGestion .divTexto p:nth-of-type(3) strong { line-height: 100%; } } @media (max-width: 780px) { /* #rowReserva .divFieldTarifa { padding-right: 0px; width: 100%; margin: 10px 0px; } #rowReserva .divFieldTotal { padding-right: 10px; width: calc(100% - 130px); } #rowReserva .divFieldNotas { padding-right: 0px; width: 130px; margin-bottom: 8px; } */ #rowReserva .divFieldTarifa { width: 100%; } #rowReserva .divFieldTotal { width: calc(100% - 120px - 20px); } #rowReserva .divFieldNotas { margin-bottom: 5px; width: 120px; } #rowReserva .divFieldTexto { margin-top: 5px; } #rowReserva .divFieldTarifa #inputTarifa { display: flex; align-items: center; justify-content: center; } #rowReserva .divFieldTarifa .wpcf7-list-item { margin: 0px 10px !important; } #rowReserva .divFieldTarifa label span { font-size: 14px; } /*#rowReserva .divFieldTarifa label span br { display: initial; }*/ #rowReserva .divFieldTarifa label .spanNota { /*margin-left: 0px;*/ font-size: 12px; } #rowReserva .divFieldNotas span { font-size: 14px; } #rowReserva .divFieldTexto span { letter-spacing: normal; } #rowReserva .divTotalValue.conGastos .spanGastos { margin: 0px 0px 0px 20px; width: auto; text-align: left; } #rowReserva .divTotalValue.conGastos .spanGastos br { content: initial; margin-left: 0px; } #rowReserva .divNotaGastosGestion .divIcono { position: absolute; top: 0px; left: 10px; z-index: 1; } #rowReserva .divNotaGastosGestion .divTunelSede { left: 50px; } #rowReserva .divNotaGastosGestion .divFoto { flex: 0 0 calc(100% - 300px); } #rowReserva .divNotaGastosGestion .divTexto { flex: 0 0 300px; } } @media (max-width: 680px) { #rowReserva .divTotalValue.conGastos .spanGastos { margin: -10px 0px 0px 0px; width: 100%; text-align: center; } #rowReserva .divTotalValue.conGastos .spanGastos br { content: ""; margin-left: 5px; } #rowReserva .divNotaGastosGestion { height: auto; display: block; } #rowReserva .divNotaGastosGestion .divFoto { height: 160px; } #rowReserva .divNotaGastosGestion .divTexto { padding: 0px 20px; } #rowReserva .divNotaGastosGestion .divTexto p br900:before { content: " "; } #rowReserva .divNotaGastosGestion .divTexto p:nth-of-type(3) { font-size: 16px; line-height: 120%; } #rowReserva .divNotaGastosGestion .divTexto p:nth-of-type(3) strong { font-size: 18px; line-height: 120%; } } @media (max-width: 580px) { #rowReserva .divFieldTotal { width: calc(100% - 100px - 15px); } #rowReserva .divFieldNotas { width: 100px; } #rowReserva .divFieldTarifa .wpcf7-list-item { margin: 0px !important; } #rowReserva .divFieldTarifa .wpcf7-list-item.last { margin-left: 20px !important; } #rowReserva .divFieldTarifa #inputTarifa { justify-content: flex-start; } #rowReserva .divTotalValue .spanCuenta { font-size: 16px; } #rowReserva .divTotalValue .spanTotal { font-size: 20px; } #rowReserva .divFieldTexto span { letter-spacing: -0.4px; } #rowReserva .divNotaGastosGestion .divTunelEnlace { width: 48px; height: 48px; } #rowReserva .divNotaGastosGestion .divTunelEnlace a { background-size: cover; } #rowReserva .divNotaGastosGestion .divTunelDatos { font-size: 13px; } #rowReserva .divNotaGastosGestion .divTunelDatos strong { font-size: 16px; } #rowReserva .divNotaGastosGestion .divTexto p br900:before { content: "\A"; } } @media (max-width: 480px) { #rowReserva .divFieldTarifa { padding-right: 0px; width: 100%; } #rowReserva .divFieldTotal { padding-right: 0px; width: 100%; } #rowReserva .divFieldNotas { padding-right: 0px; width: 100%; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; } /* #rowReserva .divFieldTarifa #inputTarifa { margin: auto; display: table; } #rowReserva .divFieldTarifa .wpcf7-list-item { margin: 5px 0px !important; display: block; } #rowReserva .divFieldTarifa .wpcf7-list-item.last span { text-align: left; } #rowReserva .divFieldTarifa .wpcf7-list-item .spanNota { margin-left: 5px; } */ #rowReserva .divFieldTarifa #inputTarifa { display: block; } #rowReserva .divFieldTarifa .wpcf7-list-item { margin: 5px 0px !important; display: block; } #rowReserva .divFieldTarifa .wpcf7-list-item.last { margin-left: 0px !important; } #rowReserva .divFieldTarifa .wpcf7-list-item .spanNota { margin-left: 5px; } #rowReserva .divFieldTarifa label span br { display: none; } #rowReserva .divFieldNotas span { margin: 0px 6px; width: auto; text-align: center; } #rowReserva .divFieldTexto span { font-size: 13px; letter-spacing: normal; } #rowReserva .divNotaGastosGestion .divIcono { display: none; } #rowReserva .divNotaGastosGestion .divTunelSede { left: 10px; padding-right: 10px; } } @media (max-width: 380px) { #rowReserva .divTotalValue.conGastos { height: 70px; } #rowReserva .divTotalValue.conGastos .spanGastos { margin: -20px 0px 0px 0px; } #rowReserva .divFieldNotas { flex-direction: column; } #rowReserva .divNotaGastosGestion .divTunelSede { left: 60px; font-size: 18px; } #rowReserva .divNotaGastosGestion .divTunelEnlace { top: 10px; bottom: auto; width: 40px; height: 40px; } #rowReserva .divNotaGastosGestion .divFoto { height: 180px; } #rowReserva .divNotaGastosGestion .divTunelDatos { bottom: 0px; left: 0px; right: auto; padding: 5px; width: 100%; text-align: center; } #rowReserva .divNotaGastosGestion .divTexto { padding: 0px 10px; } } /* GRUPO EXTRAS */ #rowReserva .divGrupoExtras .divFieldHidden { display: none; } #rowReserva .divGrupoExtras .divFieldBoton { margin: 0px auto 20px auto; padding: 10px 20px; background: var(--color5-hex); border-radius: 15px; } #rowReserva .divGrupoExtras .divFieldBoton { text-align: center; box-shadow: 2px 2px 5px rgb(0,0,0,0.5); cursor: pointer; } #rowReserva .divGrupoExtras .divFieldBoton:hover { transform: scale(1.05); } #rowReserva .divGrupoExtras .divFieldBoton span { width: auto; display: block; font-size: 24px; font-weight: 600; font-style: normal; } #rowReserva .divGrupoExtras .divFieldBoton span img { margin-top: 10px; width: 32px; } #rowReserva .divGrupoExtras.withExtras .divFieldBoton { margin: 0px 0px 20px 0px; width: 320px; } #rowReserva .divGrupoExtras .divExtra { padding: 0px 10px; display: flex; align-items: center; } #rowReserva .divGrupoExtras .divExtra .divIcono { padding-right: 5px; width: 30px; line-height: 0px; } #rowReserva .divGrupoExtras .divExtra .divNombre { padding-right: 10px; width: 240px; } #rowReserva .divGrupoExtras .divExtra .divCantidad { padding-right: 10px; width: 70px; text-align: center; } #rowReserva .divGrupoExtras .divExtra .divPrecio { padding-right: 10px; width: 130px; text-align: right; } #rowReserva .divGrupoExtras .divExtra .divDias { padding-right: 10px; width: 50px; text-align: right; } #rowReserva .divGrupoExtras .divExtra .divDias .spanHide { display: none; } #rowReserva .divGrupoExtras .divExtra .divImporte { padding-right: 10px; width: 70px; text-align: right; } #rowReserva .divGrupoExtras .divExtra .divEliminar { width: 30px; text-align: center; cursor: pointer; } #rowReserva .divGrupoExtras .divExtra .divEliminar i { color: #FF0000; } #rowReserva .divGrupoExtras .divExtra .divPrecio span:last-of-type { font-size: 14px; letter-spacing: -0.6px; } #rowReserva .divGrupoExtras .divCabecera { margin-bottom: 10px; padding-bottom: 2px; border-bottom: solid 1px; } #rowReserva .divGrupoExtras .divCabecera div { font-weight: 600; } #rowReserva .divGrupoExtras .divPie { margin-top: 10px; padding: 10px; background: var(--color-nar2-hex); border-top: solid 1px; } #rowReserva .divGrupoExtras .divPie .divNombre { width: 470px; font-weight: 600; text-align: right; } #rowReserva .divGrupoExtras .divPie .divImporte { width: 120px; font-weight: 600; } @media (max-width: 1180px) { #rowReserva .divGrupoExtras .divFieldBoton span { font-size: 20px; } #rowReserva .divGrupoExtras .divFieldBoton span img { width: 30px; } #rowReserva .divGrupoExtras.withExtras .divFieldBoton { width: 290px; } } @media (max-width: 1080px) { #rowReserva .divGrupoExtras .divFieldBoton span { font-size: 18px; } #rowReserva .divGrupoExtras .divFieldBoton span img { width: 28px; } #rowReserva .divGrupoExtras .divExtra .divNombre { width: 210px; } #rowReserva .divGrupoExtras .divPie .divNombre { width: 440px; } #rowReserva .divGrupoExtras.withExtras .divFieldBoton { padding: 10px; width: 220px; } } @media (max-width: 980px) { #rowReserva .divGrupoExtras .divFieldAñadidos { width: 100%; } #rowReserva .divGrupoExtras .divFieldBoton { border-radius: 10px; } #rowReserva .divGrupoExtras .divFieldBoton span { font-size: 20px; } #rowReserva .divGrupoExtras .divFieldBoton span img { width: 30px; } #rowReserva .divGrupoExtras .divExtra .divNombre { width: calc(100% - 30px - 70px - 130px - 50px - 70px - 30px); } #rowReserva .divGrupoExtras .divPie .divNombre { width: calc(100% - 50px - 70px - 30px); } #rowReserva .divGrupoExtras.withExtras { justify-content: center; } #rowReserva .divGrupoExtras.withExtras .divFieldBoton { padding: 10px 20px; width: auto; } } @media (max-width: 780px) { #rowReserva .divGrupoExtras .divExtra .divIcono { padding-right: 5px; width: 24px; } #rowReserva .divGrupoExtras .divExtra .divNombre { padding-right: 5px; width: calc(100% - 24px - 55px - 115px - 40px - 55px - 15px); font-size: 14px; } #rowReserva .divGrupoExtras .divExtra .divCantidad { padding-right: 5px; width: 55px; font-size: 14px; } #rowReserva .divGrupoExtras .divExtra .divPrecio { padding-right: 5px; width: 115px; font-size: 14px; } #rowReserva .divGrupoExtras .divExtra .divDias { padding-right: 5px; width: 40px; font-size: 14px; } #rowReserva .divGrupoExtras .divExtra .divImporte { padding-right: 5px; width: 55px; font-size: 14px; } #rowReserva .divGrupoExtras .divExtra .divEliminar { width: 15px; font-size: 14px; } #rowReserva .divGrupoExtras .divExtra .divEliminar i { font-size: 14px; } #rowReserva .divGrupoExtras .divExtra .divPrecio span:last-of-type { font-size: 13px; letter-spacing: -0.6px; } #rowReserva .divGrupoExtras .divCabecera div { font-size: 14px; } #rowReserva .divGrupoExtras .divPie .divNombre { width: calc(100% - 40px - 55px - 15px); } #rowReserva .divGrupoExtras .divPie .divImporte { width: 95px; } } @media (max-width: 580px) { #rowReserva .divGrupoExtras .divFieldBoton { padding: 10px; width: 235px; border-radius: 8px; } #rowReserva .divGrupoExtras .divFieldBoton span { font-size: 16px; } #rowReserva .divGrupoExtras .divFieldBoton span img { margin-top: 5px; width: 24px; } #rowReserva .divGrupoExtras .divExtra { padding: 5px 0px; border-bottom: solid 1px #EEEEEE; flex-wrap: wrap; } #rowReserva .divGrupoExtras .divExtra .divIcono { padding-right: 5px; width: 32px; } #rowReserva .divGrupoExtras .divExtra .divNombre { padding-right: 0px; width: calc(100% - 32px); } #rowReserva .divGrupoExtras .divExtra .divCantidad { padding-left: 32px; padding-right: 0px; width: auto; text-align: left; } #rowReserva .divGrupoExtras .divExtra .divCantidad:after { content: "\f00d"; margin: 0px 10px; font-family: "FontAwesome"; } #rowReserva .divGrupoExtras .divExtra .divPrecio { padding-right: 0px; width: auto; text-align: left; } #rowReserva .divGrupoExtras .divExtra .divPrecio:after { content: "\f00d"; margin: 0px 10px; font-family: "FontAwesome"; } #rowReserva .divGrupoExtras .divExtra .divDias { padding-right: 0px; width: auto; } #rowReserva .divGrupoExtras .divExtra .divDias .spanHide { margin-left: 3px; font-size: 13px; letter-spacing: -0.6px; display: initial; } #rowReserva .divGrupoExtras .divExtra .divImporte { margin-left: auto; padding-right: 5px; width: auto; } #rowReserva .divGrupoExtras .divCabecera { margin-bottom: 0px; padding-bottom: 2px; border-color: #000000; } #rowReserva .divGrupoExtras .divCabecera .divIcono { display: none; } #rowReserva .divGrupoExtras .divCabecera .divNombre { width: 100%; text-align: center; } #rowReserva .divGrupoExtras .divCabecera .divCantidad { display: none; } #rowReserva .divGrupoExtras .divCabecera .divPrecio { display: none; } #rowReserva .divGrupoExtras .divCabecera .divDias { display: none; } #rowReserva .divGrupoExtras .divCabecera .divImporte { display: none; } #rowReserva .divGrupoExtras .divPie { margin-top: 0px; padding: 10px; } #rowReserva .divGrupoExtras .divPie .divNombre { width: 100%; text-align: center; } #rowReserva .divGrupoExtras .divPie .divImporte { margin-top: 5px; width: 100%; font-size: 16px; text-align: center; } } @media (max-width: 480px) { #rowReserva .divGrupoExtras .divExtra .divCantidad:after { margin: 0px 5px; } #rowReserva .divGrupoExtras .divExtra .divPrecio:after { margin: 0px 5px; } } @media (max-width: 440px) { #rowReserva .divGrupoExtras .divExtra .divImporte { margin: 0px; padding: 5px 0px 0px 32px; width: calc(100% - 15px); text-align: left; } #rowReserva .divGrupoExtras .divExtra .divEliminar { margin-left: auto; padding-top: 4px; } #rowReserva .divGrupoExtras .divPie .divImporte { margin-top: 5px; padding: 0px; width: 100%; text-align: center; } } #rowReserva .divLightBoxExtras { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; display: none; } #rowReserva .divLightBoxExtras * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #rowReserva .divLightBoxExtras .divMascara { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.7); } #rowReserva .divLightBoxExtras .divClose { position: absolute; top: 40px; right: 40px; width: 50px; height: 50px; border: solid 2px #FFFFFF; border-radius: 50%; } #rowReserva .divLightBoxExtras .divClose { display: flex; align-items: center; justify-content: center; cursor: pointer; } #rowReserva .divLightBoxExtras .divClose:before { content: "\f00d"; font-family: "FontAwesome"; font-size: 36px; color: #FFFFFF; } #rowReserva .divLightBoxExtras .divClose:hover { transform: scale(1.1); } #rowReserva .divLightBoxExtras .divPopup { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 780px; background: #FFFFFF; } #rowReserva .divLightBoxExtras .divCabeceraVerde { padding: 12px 20px; width: 100%; height: auto; font-family: var(--font-family-narrow); color: var(--color2-hex); } #rowReserva .divLightBoxExtras .divCabeceraVerde { border: solid 2px var(--color-ver1-hex); background: var(--color-ver3-hex); text-align: center; display: block; } #rowReserva .divLightBoxExtras .divTitle { font-size: 24px; font-weight: 900; } #rowReserva .divLightBoxExtras .divTexto { font-size: 20px; font-weight: 400; line-height: 120%; } #rowReserva .divLightBoxExtras .divContenedorScroll { padding-right: 20px; max-height: calc(100vh - 90px - 20px - 100px); } /*100vh-Cabecera-Form.padding-aire popup)*/ #rowReserva .divLightBoxExtras .divContenedorScroll { overflow-y: auto; } #rowReserva .divLightBoxExtras .divContenedorScroll::-webkit-scrollbar { width: 4px; } #rowReserva .divLightBoxExtras .divContenedorScroll::-webkit-scrollbar-track { background: #EEEEEE; border-radius: 2px; } #rowReserva .divLightBoxExtras .divContenedorScroll::-webkit-scrollbar-thumb { background: var(--color2-hex); border-radius: 2px; } #rowReserva .divLightBoxExtras .divContenedorScroll::-webkit-scrollbar-thumb:hover { background: var(--color2-hex); } #rowReserva .divLightBoxExtras .divForm { padding: 10px 10px 10px 20px; width: 100%; border: solid #DDDDDD; border-width: 0px 2px 2px 2px; } #rowReserva .divLightBoxExtras .divForm * { font-family: var(--font-family-narrow); font-weight: 400; line-height: 120%; } #rowReserva .divLightBoxExtras .divExtra { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px var(--color1-hex); } #rowReserva .divLightBoxExtras .divExtra.disable { opacity: 0.3; filter: grayscale(1); } #rowReserva .divLightBoxExtras .divExtra.disable .divBotonAñadir { opacity: 0; pointer-events: none; } #rowReserva .divLightBoxExtras .divTitulo { display: flex; align-items: center; } #rowReserva .divLightBoxExtras .divIcono { margin-right: 5px; width: 32px; line-height: 0px; } #rowReserva .divLightBoxExtras .divIcono { filter: invert(13%) sepia(92%) saturate(3417%) hue-rotate(183deg) brightness(97%) contrast(102%); } #rowReserva .divLightBoxExtras .divNombre { font-size: 18px; font-weight: 600; color: var(--color1-hex); } #rowReserva .divLightBoxExtras .divDatos { margin-top: -5px; display: flex; align-items: center; justify-content: space-between; } #rowReserva .divLightBoxExtras .divDescripcion { padding-left: 38px; width: 350px; font-size: 13px; line-height: 110%; } #rowReserva .divLightBoxExtras .divPrecio { font-size: 18px; font-weight: 600; color: var(--color1-hex); text-align: center; } #rowReserva .divLightBoxExtras .divPrecio span { font-weight: 600; } #rowReserva .divLightBoxExtras .divBotonAñadir { padding: 8px 0px; width: 170px; font-size: 17px; font-weight: 600; color: #FFFFFF; background: var(--color1-hex); } #rowReserva .divLightBoxExtras .divBotonAñadir { border-radius: 10px; text-align: center; box-shadow: 2px 2px 5px rgb(0,0,0,0.5); cursor: pointer; } #rowReserva .divLightBoxExtras .divBotonAñadir:hover { background: var(--color4-hex); } #rowReserva .divLightBoxExtras .divAñadidos { position: absolute; top: 0px; right: 0px; font-size: 14px; font-weight: 600; color: var(--color-nar1-hex); } #rowReserva .divLightBoxExtras .divExtra.disable .divAñadidos { top: 50%; transform: translateY(-50%); font-size: 20px; } @media (max-width: 980px) { #rowReserva .divLightBoxExtras .divClose { top: 20px; right: 20px; width: 40px; height: 40px; } #rowReserva .divLightBoxExtras .divClose:before { font-size: 32px; } #rowReserva .divLightBoxExtras .divCabeceraVerde { padding: 10px 15px; } #rowReserva .divLightBoxExtras .divTitle { font-size: 20px; } #rowReserva .divLightBoxExtras .divTexto { font-size: 18px; } #rowReserva .divLightBoxExtras .divContenedorScroll { padding-right: 15px; max-height: calc(100vh - 74px - 20px - 140px); } #rowReserva .divLightBoxExtras .divIcono { width: 24px; } #rowReserva .divLightBoxExtras .divNombre { font-size: 16px; } #rowReserva .divLightBoxExtras .divDatos { margin-top: -2px; } #rowReserva .divLightBoxExtras .divDescripcion { padding-left: 29px; width: 300px; } #rowReserva .divLightBoxExtras .divPrecio { font-size: 16px; } #rowReserva .divLightBoxExtras .divBotonAñadir { font-size: 16px; border-radius: 6px; box-shadow: 1px 1px 3px rgb(0,0,0,0.5); } } @media (max-width: 780px) { #rowReserva .divLightBoxExtras .divClose { top: 10px; left: calc(50% - 16px); right: auto; width: 32px; height: 32px; } #rowReserva .divLightBoxExtras .divClose:before { font-size: 24px; } #rowReserva .divLightBoxExtras .divTitle { margin: auto; width: 270px; font-size: 18px; line-height: 120%; } #rowReserva .divLightBoxExtras .divTexto { margin: auto; width: 270px; font-size: 16px; line-height: 120%; } #rowReserva .divLightBoxExtras .divContenedorScroll { max-height: calc(100vh - 106px - 20px - 120px); } #rowReserva .divLightBoxExtras .divDatos { margin-top: 0px; flex-wrap: wrap; } #rowReserva .divLightBoxExtras .divDescripcion { width: 100%; } #rowReserva .divLightBoxExtras .divPrecio { margin-top: 10px; padding-left: 29px; text-align: left; } #rowReserva .divLightBoxExtras .divBotonAñadir { margin-top: 10px; } #rowReserva .divLightBoxExtras .divExtra.disable .divAñadidos { top: auto; bottom: 10px; transform: none; font-size: 18px; } } @media (max-width: 580px) { #rowReserva .divLightBoxExtras .divNombre { font-size: 14px; } #rowReserva .divLightBoxExtras .divPrecio { font-size: 14px; } #rowReserva .divLightBoxExtras .divBotonAñadir { padding-bottom: 6px; width: 140px; font-size: 14px; } } @media (max-width: 420px) { #rowReserva .divLightBoxExtras .divPrecio span:last-of-type { letter-spacing: -0.6px; } #rowReserva .divLightBoxExtras .divBotonAñadir { width: 130px; } #rowReserva .divLightBoxExtras .divAñadidos { top: auto; bottom: 30px; left: -15px; right: auto; transform: rotate(-90deg); } #rowReserva .divLightBoxExtras .divExtra.disable .divAñadidos { left: auto; right: 0px; } } @media (max-width: 380px) { #rowReserva .divLightBoxExtras .divTitulo { justify-content: center; } #rowReserva .divLightBoxExtras .divIcono { margin-right: 2px; } #rowReserva .divLightBoxExtras .divNombre { line-height: initial; } #rowReserva .divLightBoxExtras .divDatos { flex-direction: column; justify-content: center; } #rowReserva .divLightBoxExtras .divDescripcion { margin-top: 5px; padding: 0px; text-align: center; } #rowReserva .divLightBoxExtras .divPrecio { margin-top: 5px; padding: 0px; } #rowReserva .divLightBoxExtras .divPrecio span:last-of-type { letter-spacing: normal; } #rowReserva .divLightBoxExtras .divBotonAñadir { margin-top: 5px; width: 140px; font-size: 14px; } #rowReserva .divLightBoxExtras .divAñadidos { position: relative; top: auto; bottom: auto; left: auto; right: auto; margin-top: 10px; text-align: center; transform: none; } #rowReserva .divLightBoxExtras .divExtra.disable .divBotonAñadir { margin-top: 0px; } #rowReserva .divLightBoxExtras .divExtra.disable .divAñadidos { position: absolute; left: 50%; transform: translateX(-50%); } } /* ARRENDATARIO */ #rowReserva .divFieldArrendatarioTipo { position: relative; padding-right: 30px; width: 140px; } #rowReserva .divFieldArrendatarioNombre { position: relative; padding-right: 30px; width: calc((100% - 140px) / 2); } #rowReserva .divFieldArrendatarioApellidos { position: relative; padding-right: 0px; width: calc((100% - 140px) / 2); } #rowReserva .divFieldArrendatarioNIF { position: relative; padding-right: 30px; width: 200px; } #rowReserva .divFieldArrendatarioDomicilio { position: relative; padding-right: 30px; width: calc(100% - 200px - 140px); } #rowReserva .divFieldArrendatarioCP { position: relative; padding-right: 0px; width: 140px; } #rowReserva .divFieldArrendatarioPoblacion { position: relative; padding-right: 30px; width: 300px; } #rowReserva .divFieldArrendatarioProvincia { position: relative; padding-right: 30px; width: 200px; } #rowReserva .divFieldArrendatarioMail { position: relative; padding-right: 30px; width: calc(100% - 300px - 200px - 140px); } #rowReserva .divFieldArrendatarioTelefono { position: relative; padding-right: 0px; width: 140px; } #rowReserva .divFieldArrendatarioTipo .wpcf7-list-item { margin: 5px 0px; display: block; } #rowReserva .divFieldArrendatarioTipo label { display: flex; align-items: center; } #rowReserva .divFieldArrendatarioTipo label span { margin-left: 5px; font-size: 20px; line-height: 100%; } @media (max-width: 1080px) { #rowReserva .divFieldArrendatarioTipo { padding-right: 20px; width: 120px; } #rowReserva .divFieldArrendatarioNombre { padding-right: 20px; width: calc((100% - 120px) / 2); } #rowReserva .divFieldArrendatarioApellidos { padding-right: 0px; width: calc((100% - 120px) / 2); } #rowReserva .divFieldArrendatarioNIF { padding-right: 20px; width: 200px; } #rowReserva .divFieldArrendatarioDomicilio { padding-right: 20px; width: calc(100% - 200px - 140px); } #rowReserva .divFieldArrendatarioCP { padding-right: 0px; width: 140px; } #rowReserva .divFieldArrendatarioPoblacion { padding-right: 20px; width: 200px; } #rowReserva .divFieldArrendatarioProvincia { padding-right: 20px; width: 200px; } #rowReserva .divFieldArrendatarioMail { padding-right: 20px; width: calc(100% - 200px - 200px - 140px); } #rowReserva .divFieldArrendatarioTelefono { padding-right: 0px; width: 140px; } #rowReserva .divFieldArrendatarioTipo label span { font-size: 18px; } } @media (max-width: 980px) { #rowReserva .divFieldArrendatarioTipo { padding-right: 20px; width: 105px; } #rowReserva .divFieldArrendatarioNombre { padding-right: 20px; width: calc((100% - 105px) / 2); } #rowReserva .divFieldArrendatarioApellidos { padding-right: 0px; width: calc((100% - 105px) / 2); } #rowReserva .divFieldArrendatarioNIF { padding-right: 20px; width: 160px; } #rowReserva .divFieldArrendatarioDomicilio { padding-right: 20px; width: calc(100% - 160px - 110px); } #rowReserva .divFieldArrendatarioCP { padding-right: 0px; width: 110px; } #rowReserva .divFieldArrendatarioPoblacion { padding-right: 20px; width: 160px; } #rowReserva .divFieldArrendatarioProvincia { padding-right: 20px; width: 160px; } #rowReserva .divFieldArrendatarioMail { padding-right: 20px; width: calc(100% - 160px - 160px - 110px); } #rowReserva .divFieldArrendatarioTelefono { padding-right: 0px; width: 110px; } #rowReserva .divFieldArrendatarioTipo label span { font-size: 16px; } } @media (max-width: 780px) { #rowReserva .divFieldArrendatarioTipo { padding-right: 10px; width: 90px; margin-top: -10px; } #rowReserva .divFieldArrendatarioNombre { padding-right: 10px; width: calc((100% - 90px) / 2); } #rowReserva .divFieldArrendatarioApellidos { padding-right: 0px; width: calc((100% - 90px) / 2); } #rowReserva .divFieldArrendatarioNIF { padding-right: 10px; width: 140px; } #rowReserva .divFieldArrendatarioDomicilio { padding-right: 10px; width: calc(100% - 140px - 80px); } #rowReserva .divFieldArrendatarioCP { padding-right: 0px; width: 80px; } #rowReserva .divFieldArrendatarioPoblacion { padding-right: 10px; width: 140px; } #rowReserva .divFieldArrendatarioProvincia { padding-right: 10px; width: 135px; } #rowReserva .divFieldArrendatarioMail { padding-right: 10px; width: calc(100% - 140px - 135px - 100px); } #rowReserva .divFieldArrendatarioTelefono { padding-right: 0px; width: 100px; } #rowReserva .divFieldArrendatarioTipo .wpcf7-list-item.first { margin-top: 0px; } #rowReserva .divFieldArrendatarioTipo .wpcf7-list-item.last { margin-bottom: 0px; } #rowReserva .divFieldArrendatarioTipo label span { font-size: 14px; } } @media (max-width: 680px) { #rowReserva .divFieldArrendatarioTipo { padding-right: 10px; width: 90px; } #rowReserva .divFieldArrendatarioNombre { padding-right: 10px; width: calc((100% - 90px) / 2); } #rowReserva .divFieldArrendatarioApellidos { padding-right: 0px; width: calc((100% - 90px) / 2); } #rowReserva .divFieldArrendatarioNIF { padding-right: 10px; width: 135px; } #rowReserva .divFieldArrendatarioDomicilio { padding-right: 0px; width: calc(100% - 135px); } #rowReserva .divFieldArrendatarioCP { padding-right: 10px; width: 80px; } #rowReserva .divFieldArrendatarioPoblacion { padding-right: 10px; width: calc(100% - 80px - 145px); } #rowReserva .divFieldArrendatarioProvincia { padding-right: 0px; width: 145px; } #rowReserva .divFieldArrendatarioMail { padding-right: 10px; width: calc(100% - 120px); } #rowReserva .divFieldArrendatarioTelefono { padding-right: 0px; width: 120px; } } @media (max-width: 580px) { #rowReserva .divFieldArrendatarioTipo { padding-right: 10px; width: 90px; } #rowReserva .divFieldArrendatarioNombre { padding-right: 0px; width: calc(100% - 90px); } #rowReserva .divFieldArrendatarioApellidos { padding-right: 10px; width: calc(100% - 135px); } #rowReserva .divFieldArrendatarioNIF { padding-right: 0px; width: 135px; } #rowReserva .divFieldArrendatarioDomicilio { padding-right: 10px; width: calc(100% - 90px); } #rowReserva .divFieldArrendatarioCP { padding-right: 0px; width: 90px; } #rowReserva .divFieldArrendatarioPoblacion { padding-right: 10px; width: 50%; } #rowReserva .divFieldArrendatarioProvincia { padding-right: 0px; width: 50%; } #rowReserva .divFieldArrendatarioMail { padding-right: 10px; width: calc(100% - 90px); } #rowReserva .divFieldArrendatarioTelefono { padding-right: 0px; width: 90px; } } @media (max-width: 480px) { #rowReserva .divFieldArrendatarioTipo { padding-right: 10px; width: 90px; } #rowReserva .divFieldArrendatarioNombre { padding-right: 0px; width: calc(100% - 90px); } #rowReserva .divFieldArrendatarioApellidos { padding-right: 10px; width: calc(100% - 125px); } #rowReserva .divFieldArrendatarioNIF { padding-right: 0px; width: 125px; } #rowReserva .divFieldArrendatarioDomicilio { padding-right: 10px; width: calc(100% - 60px); } #rowReserva .divFieldArrendatarioCP { padding-right: 0px; width: 60px; } #rowReserva .divFieldArrendatarioPoblacion { padding-right: 10px; width: 50%; } #rowReserva .divFieldArrendatarioProvincia { padding-right: 0px; width: 50%; } #rowReserva .divFieldArrendatarioMail { padding-right: 10px; width: calc(100% - 90px); } #rowReserva .divFieldArrendatarioTelefono { padding-right: 0px; width: 90px; } } @media (max-width: 380px) { #rowReserva .divFieldArrendatarioTipo { padding-right: 0px; width: 100%; } #rowReserva .divFieldArrendatarioNombre { padding-right: 0px; width: 100%; } #rowReserva .divFieldArrendatarioApellidos { padding-right: 0px; width: 100%; } #rowReserva .divFieldArrendatarioNIF { padding-right: 0px; width: 100%; } #rowReserva .divFieldArrendatarioDomicilio { padding-right: 0px; width: 100%; } #rowReserva .divFieldArrendatarioCP { padding-right: 0px; width: 100%; } #rowReserva .divFieldArrendatarioPoblacion { padding-right: 0px; width: 100%; } #rowReserva .divFieldArrendatarioProvincia { padding-right: 0px; width: 100%; } #rowReserva .divFieldArrendatarioMail { padding-right: 0px; width: 100%; } #rowReserva .divFieldArrendatarioTelefono { padding-right: 0px; width: 100%; } #rowReserva .divFieldArrendatarioTipo .wpcf7-list-item { display: inline-block; } #rowReserva .divFieldArrendatarioTipo .wpcf7-list-item.last { margin-left: 10px; } } /* PAGO */ #rowReserva .divGrupoPago .divTexto { width: calc(100% - 440px); } #rowReserva .divGrupoPago .divTexto img { float: left; padding: 0px 10px 2px 0px; width: 200px; } #rowReserva .divGrupoPago .divTexto p { margin: 0px 0px 5px 0px; font-size: 18px; text-align: justify; } #rowReserva .divGrupoPago .divTexto p:last-of-type { font-weight: 600; font-style: italic; } #rowReserva .divGrupoPago .divFields { width: 400px; display: flex; flex-wrap: wrap; justify-content: center; } #rowReserva .divGrupoPago .divFields label { margin-bottom: 5px; width: 100%; text-align: center; } #rowReserva .divFieldTarjeta { position: relative; padding-right: 0px; display: flex; flex-wrap: wrap; } #rowReserva .divFieldTarjeta #inputNumeroTarjeta { margin-top: 10px; } #rowReserva .divFieldTarjeta span input { padding: 5px; text-align: center; } #rowReserva .divFieldCaducidad { position: relative; padding-right: 0px; width: 200px; display: flex; flex-wrap: wrap; } #rowReserva .divFieldCaducidad #inputCaducidadMM { margin-top: 10px; } #rowReserva .divFieldCaducidad #inputCaducidadAA { margin-top: 10px; } #rowReserva .divFieldCaducidad span { padding: 0px 8px; width: 100px; } @media (max-width: 1080px) { #rowReserva .divGrupoPago .divTexto { width: calc(100% - 340px); } #rowReserva .divGrupoPago .divFields { width: 300px; } } @media (max-width: 980px) { #rowReserva .divGrupoPago .divTexto { width: calc(100% - 280px); } #rowReserva .divGrupoPago .divTexto img { width: 180px; } #rowReserva .divGrupoPago .divTexto p { font-size: 16px; } #rowReserva .divGrupoPago .divFields { width: 240px; } #rowReserva .divFieldTarjeta #inputNumeroTarjeta { margin-top: 5px; } #rowReserva .divFieldCaducidad { width: 140px; } #rowReserva .divFieldCaducidad #inputCaducidadMM { margin-top: 5px; } #rowReserva .divFieldCaducidad #inputCaducidadAA { margin-top: 5px; } #rowReserva .divFieldCaducidad span { padding: 0px 5px; width: 70px; } } @media (max-width: 780px) { #rowReserva .divGrupoPago .divTexto { width: 100%; } #rowReserva .divGrupoPago .divTexto img { float: right; padding: 0px 0px 5px 15px; width: 200px; } #rowReserva .divGrupoPago .divTexto p { font-size: 14px; } #rowReserva .divGrupoPago .divTexto p:last-of-type { margin-bottom: 15px; } #rowReserva .divGrupoPago .divFields { width: 100%; justify-content: space-evenly; } #rowReserva .divFieldTarjeta { width: 180px; } } @media (max-width: 480px) { #rowReserva .divGrupoPago .divTexto img { float: none; margin: auto; padding: 0px 0px 10px 0px; width: 180px; display: table; } #rowReserva .divFieldTarjeta { width: 90%; } } @media (max-width: 380px) { #rowReserva .divGrupoPago .divTexto p { text-align: left; } } /* CONDUCTOR */ #rowReserva .divFieldConductorIdem { position: relative; padding-right: 30px; width: 210px; } #rowReserva .divFieldConductorNombre { position: relative; padding-right: 30px; width: calc((100% - 210px) / 2); } #rowReserva .divFieldConductorApellidos { position: relative; padding-right: 0px; width: calc((100% - 210px) / 2); } #rowReserva .divFieldConductorNIF { position: relative; padding-right: 30px; width: 200px; } #rowReserva .divFieldConductorDomicilio { position: relative; padding-right: 30px; width: calc(100% - 200px - 140px); } #rowReserva .divFieldConductorCP { position: relative; padding-right: 0px; width: 140px; } #rowReserva .divFieldConductorPoblacion { position: relative; padding-right: 30px; width: 300px; } #rowReserva .divFieldConductorProvincia { position: relative; padding-right: 30px; width: 200px; } #rowReserva .divFieldConductorMail { position: relative; padding-right: 30px; width: calc(100% - 300px - 200px - 140px); } #rowReserva .divFieldConductorTelefono { position: relative; padding-right: 0px; width: 140px; } #rowReserva .divFieldConductorFecNac { position: relative; margin-left: auto; padding-right: 30px; width: 370px; } #rowReserva .divFieldConductorFecCar { position: relative; margin-right: auto; padding-left: 30px; width: 370px; } #rowReserva .divFieldConductorIdem .wpcf7-list-item { margin: 0px; } #rowReserva .divFieldConductorIdem label { display: flex; align-items: flex-start; } #rowReserva .divFieldConductorIdem label input { flex: 0 0 20px; } #rowReserva .divFieldConductorIdem label span { margin-left: 5px; font-size: 20px; line-height: 100%; } #rowReserva .divFieldConductorFecNac #inputConductorFecNac { margin-top: 10px; } #rowReserva .divFieldConductorFecCar #inputConductorFecCar { margin-top: 10px; } #rowReserva .divFieldConductorFecNac input { padding-left: 35px; } #rowReserva .divFieldConductorFecCar input { padding-left: 35px; } #rowReserva .divFieldConductorFecNac .divCalendar { position: absolute; top: 70px; left: 10px; font-size: 20px; color: var(--color4-hex); pointer-events: none; } #rowReserva .divFieldConductorFecCar .divCalendar { position: absolute; top: 70px; left: 40px; font-size: 20px; color: var(--color4-hex); pointer-events: none; } #rowReserva .divFieldConductorFecNac label span { padding-left: 16px; font-size: 16px; display: block; } #rowReserva .divFieldConductorFecCar label span { padding-left: 16px; font-size: 16px; display: block; } @media (max-width: 1080px) { #rowReserva .divFieldConductorIdem { padding-right: 20px; width: 180px; } #rowReserva .divFieldConductorNombre { padding-right: 20px; width: calc((100% - 180px) / 2); } #rowReserva .divFieldConductorApellidos { padding-right: 0px; width: calc((100% - 180px) / 2); } #rowReserva .divFieldConductorNIF { padding-right: 20px; width: 200px; } #rowReserva .divFieldConductorDomicilio { padding-right: 20px; width: calc(100% - 200px - 140px); } #rowReserva .divFieldConductorCP { padding-right: 0px; width: 140px; } #rowReserva .divFieldConductorPoblacion { padding-right: 20px; width: 200px; } #rowReserva .divFieldConductorProvincia { padding-right: 20px; width: 200px; } #rowReserva .divFieldConductorMail { padding-right: 20px; width: calc(100% - 200px - 200px - 140px); } #rowReserva .divFieldConductorTelefono { padding-right: 0px; width: 140px; } #rowReserva .divFieldConductorFecNac { padding-right: 20px; } #rowReserva .divFieldConductorFecCar { padding-left: 20px; } #rowReserva .divFieldConductorIdem label span { font-size: 18px; } #rowReserva .divFieldConductorFecNac .divCalendar { top: 67px; left: 10px; font-size: 18px; } #rowReserva .divFieldConductorFecCar .divCalendar { top: 67px; left: 30px; font-size: 18px; } #rowReserva .divFieldConductorFecNac label span { padding-left: 14px; } #rowReserva .divFieldConductorFecCar label span { padding-left: 14px; } } @media (max-width: 980px) { #rowReserva .divFieldConductorIdem { padding-right: 20px; width: 165px; } #rowReserva .divFieldConductorNombre { padding-right: 20px; width: calc((100% - 165px) / 2); } #rowReserva .divFieldConductorApellidos { padding-right: 0px; width: calc((100% - 165px) / 2); } #rowReserva .divFieldConductorNIF { padding-right: 20px; width: 160px; } #rowReserva .divFieldConductorDomicilio { padding-right: 20px; width: calc(100% - 160px - 110px); } #rowReserva .divFieldConductorCP { padding-right: 0px; width: 110px; } #rowReserva .divFieldConductorPoblacion { padding-right: 20px; width: 160px; } #rowReserva .divFieldConductorProvincia { padding-right: 20px; width: 160px; } #rowReserva .divFieldConductorMail { padding-right: 20px; width: calc(100% - 160px - 160px - 110px); } #rowReserva .divFieldConductorTelefono { padding-right: 0px; width: 110px; } #rowReserva .divFieldConductorFecNac #inputConductorFecNac { margin-top: 5px; } #rowReserva .divFieldConductorFecCar #inputConductorFecCar { margin-top: 5px; } #rowReserva .divFieldConductorFecNac { padding-right: 10px; width: 295px; } #rowReserva .divFieldConductorFecCar { padding-left: 10px; width: 345px; } #rowReserva .divFieldConductorIdem label span { font-size: 16px; } #rowReserva .divFieldConductorFecNac input { padding-left: 30px; } #rowReserva .divFieldConductorFecCar input { padding-left: 30px; } #rowReserva .divFieldConductorFecNac .divCalendar { top: 55px; left: 10px; font-size: 16px; } #rowReserva .divFieldConductorFecCar .divCalendar { top: 55px; left: 20px; font-size: 16px; } } @media (max-width: 780px) { #rowReserva .divFieldConductorIdem { padding-right: 10px; width: 150px; } #rowReserva .divFieldConductorNombre { padding-right: 10px; width: calc((100% - 150px) / 2); } #rowReserva .divFieldConductorApellidos { padding-right: 0px; width: calc((100% - 150px) / 2); } #rowReserva .divFieldConductorNIF { padding-right: 10px; width: 140px; } #rowReserva .divFieldConductorDomicilio { padding-right: 10px; width: calc(100% - 140px - 80px); } #rowReserva .divFieldConductorCP { padding-right: 0px; width: 80px; } #rowReserva .divFieldConductorPoblacion { padding-right: 10px; width: 140px; } #rowReserva .divFieldConductorProvincia { padding-right: 10px; width: 135px; } #rowReserva .divFieldConductorMail { padding-right: 10px; width: calc(100% - 140px - 135px - 100px); } #rowReserva .divFieldConductorTelefono { padding-right: 0px; width: 100px; } #rowReserva .divFieldConductorFecNac { width: 240px; } #rowReserva .divFieldConductorFecCar { width: 295px; } #rowReserva .divFieldConductorIdem label span { font-size: 14px; } #rowReserva .divFieldConductorFecNac label span { padding-left: 12px; font-size: 14px; letter-spacing: -0.2px; } #rowReserva .divFieldConductorFecCar label span { padding-left: 12px; font-size: 14px; letter-spacing: -0.2px; } #rowReserva .divFieldConductorFecNac .divCalendar { top: 46px; left: 10px; font-size: 14px; } #rowReserva .divFieldConductorFecCar .divCalendar { top: 46px; left: 20px; font-size: 14px; } } @media (max-width: 680px) { #rowReserva .divFieldConductorIdem { padding-right: 10px; width: 150px; } #rowReserva .divFieldConductorNombre { padding-right: 10px; width: calc((100% - 150px) / 2); } #rowReserva .divFieldConductorApellidos { padding-right: 0px; width: calc((100% - 150px) / 2); } #rowReserva .divFieldConductorNIF { padding-right: 10px; width: 135px; } #rowReserva .divFieldConductorDomicilio { padding-right: 0px; width: calc(100% - 135px); } #rowReserva .divFieldConductorCP { padding-right: 10px; width: 80px; } #rowReserva .divFieldConductorPoblacion { padding-right: 10px; width: calc(100% - 80px - 145px); } #rowReserva .divFieldConductorProvincia { padding-right: 0px; width: 145px; } #rowReserva .divFieldConductorMail { padding-right: 10px; width: calc(100% - 120px); } #rowReserva .divFieldConductorTelefono { padding-right: 0px; width: 120px; } #rowReserva .divFieldConductorFecNac { width: 195px; } #rowReserva .divFieldConductorFecCar { width: 245px; } #rowReserva .divFieldConductorFecNac label span { padding-left: 10px; font-size: 13px; letter-spacing: -0.8px; } #rowReserva .divFieldConductorFecCar label span { padding-left: 10px; font-size: 13px; letter-spacing: -0.8px; } } @media (max-width: 580px) { #rowReserva .divFieldConductorIdem { padding-right: 10px; width: 150px; } #rowReserva .divFieldConductorNombre { padding-right: 0px; width: calc(100% - 150px); } #rowReserva .divFieldConductorApellidos { padding-right: 10px; width: calc(100% - 135px); } #rowReserva .divFieldConductorNIF { padding-right: 0px; width: 135px; } #rowReserva .divFieldConductorDomicilio { padding-right: 10px; width: calc(100% - 90px); } #rowReserva .divFieldConductorCP { padding-right: 0px; width: 90px; } #rowReserva .divFieldConductorPoblacion { padding-right: 10px; width: 50%; } #rowReserva .divFieldConductorProvincia { padding-right: 0px; width: 50%; } #rowReserva .divFieldConductorMail { padding-right: 10px; width: calc(100% - 90px); } #rowReserva .divFieldConductorTelefono { padding-right: 0px; width: 90px; } #rowReserva .divFieldConductorFecNac { padding-right: 0px; width: 100%; } #rowReserva .divFieldConductorFecCar { padding-left: 0px; width: 100%; } #rowReserva .divFieldConductorFecNac label span { padding-left: 12px; font-size: 13px; letter-spacing: normal; } #rowReserva .divFieldConductorFecCar label span { padding-left: 12px; font-size: 13px; letter-spacing: normal; } #rowReserva .divFieldConductorFecCar .divCalendar { left: 10px; } } @media (max-width: 480px) { #rowReserva .divFieldConductorIdem { padding-right: 10px; width: 150px; } #rowReserva .divFieldConductorNombre { padding-right: 0px; width: calc(100% - 150px); } #rowReserva .divFieldConductorApellidos { padding-right: 10px; width: calc(100% - 125px); } #rowReserva .divFieldConductorNIF { padding-right: 0px; width: 125px; } #rowReserva .divFieldConductorDomicilio { padding-right: 10px; width: calc(100% - 60px); } #rowReserva .divFieldConductorCP { padding-right: 0px; width: 60px; } #rowReserva .divFieldConductorPoblacion { padding-right: 10px; width: 50%; } #rowReserva .divFieldConductorProvincia { padding-right: 0px; width: 50%; } #rowReserva .divFieldConductorMail { padding-right: 10px; width: calc(100% - 90px); } #rowReserva .divFieldConductorTelefono { padding-right: 0px; width: 90px; } } @media (max-width: 380px) { #rowReserva .divFieldConductorIdem { padding-right: 0px; width: 100%; } #rowReserva .divFieldConductorNombre { padding-right: 0px; width: 100%; } #rowReserva .divFieldConductorApellidos { padding-right: 0px; width: 100%; } #rowReserva .divFieldConductorNIF { padding-right: 0px; width: 100%; } #rowReserva .divFieldConductorDomicilio { padding-right: 0px; width: 100%; } #rowReserva .divFieldConductorCP { padding-right: 0px; width: 100%; } #rowReserva .divFieldConductorPoblacion { padding-right: 0px; width: 100%; } #rowReserva .divFieldConductorProvincia { padding-right: 0px; width: 100%; } #rowReserva .divFieldConductorMail { padding-right: 0px; width: 100%; } #rowReserva .divFieldConductorTelefono { padding-right: 0px; width: 100%; } #rowReserva .divFieldConductorFecNac label span { font-size: 12px; letter-spacing: -0.3px; } #rowReserva .divFieldConductorFecCar label span { font-size: 12px; letter-spacing: -0.3px; } } @media (max-width: 360px) { #rowReserva .divFieldConductorFecNac label span { padding-left: 8px; font-size: 12px; letter-spacing: -0.6px; } #rowReserva .divFieldConductorFecCar label span { padding-left: 8px; font-size: 12px; letter-spacing: -0.6px; } } @media (max-width: 350px) { #rowReserva .divFieldConductorFecCar label { letter-spacing: -1px; } #rowReserva .divFieldConductorFecCar label span { letter-spacing: normal; } #rowReserva .divFieldConductorFecCar .divCalendar { top: 60px; } } /* ARCHIVOS */ #rowReserva .divGrupoUploads .divTexto { width: 100%; } #rowReserva .divGrupoUploads .divTexto p { margin: 0px 0px 10px 0px; font-size: 18px; text-align: justify; } #rowReserva .divGrupoUploads .divTexto p:last-of-type { margin-bottom: 15px; font-weight: 600; font-style: italic; } #rowReserva .divGrupoUploads .divField { width: 30%; } #rowReserva .divGrupoUploads label { width: 100%; font-size: 18px; } #rowReserva .divGrupoUploads input { margin-top: 10px; padding: 0px; height: auto; font-size: 16px; } @media (max-width: 980px) { #rowReserva .divGrupoUploads .divTexto p { font-size: 16px; } #rowReserva .divGrupoUploads .divField { width: 32%; } #rowReserva .divGrupoUploads label { font-size: 16px; } #rowReserva .divGrupoUploads input { font-size: 14px; } } @media (max-width: 880px) { #rowReserva .divGrupoUploads { justify-content: center;} #rowReserva .divGrupoUploads .divFieldUploadArrendatarioNIF { margin: 0px 100px; width: 310px; } #rowReserva .divGrupoUploads .divFieldUploadConductorNIF { padding: 15px; width: 320px; } #rowReserva .divGrupoUploads .divFieldUploadConductorCarnet { padding: 15px; width: 320px; } } @media (max-width: 780px) { #rowReserva .divGrupoUploads .divTexto p { font-size: 14px; } #rowReserva .divGrupoUploads label { font-size: 14px; } #rowReserva .divGrupoUploads input { margin-top: 5px; font-size: 13px; } #rowReserva .divGrupoUploads .divFieldUploadArrendatarioNIF { margin: 0px 50px; width: 310px; } #rowReserva .divGrupoUploads .divFieldUploadConductorNIF { padding: 15px; width: 50%; } #rowReserva .divGrupoUploads .divFieldUploadConductorCarnet { padding: 15px; width: 50%; } } @media (max-width: 580px) { #rowReserva .divGrupoUploads .divFieldUploadArrendatarioNIF { margin: 0px 0px 0px 0px; width: 310px; } #rowReserva .divGrupoUploads .divFieldUploadConductorNIF { margin: 10px 0px 0px 0px; padding: 0px; width: 310px; } #rowReserva .divGrupoUploads .divFieldUploadConductorCarnet { margin: 10px 0px 10px 0px; padding: 0px; width: 310px; } } @media (max-width: 480px) { #rowReserva .divGrupoUploads .divTexto p { text-align: left; } } /* COMENTARIOS */ #rowReserva .divFieldComentarios { position: relative; width: 100%; } /* SUBMIT */ #rowReserva .divAcepto { margin-bottom: 30px; width: 100%; display: flex; justify-content: center; } #rowReserva .divAcepto > span { margin: 2px 10px; line-height: 0px; } #rowReserva .divAcepto > span * { margin: 0px; line-height: 0px; } #rowReserva .divAcepto p { margin: 0px; width: 540px; font-size: 16px; text-align: justify; } #rowReserva .divSubmit { width: 100%; display: flex; flex-direction: column; align-items: center; } #rowReserva input[type="submit"] { padding: 15px 80px; width: auto; height: auto; font-size: 20px; color: #FFFFFF; background: var(--color-nar1-hex); } #rowReserva .divSubmit .ajax-loader { margin: 5px 0px; } #rowReserva .divLegal p { margin: 0px; font-size: 14px; color: var(--color2-hex); text-align: justify; } @media (max-width: 780px) { #rowReserva .divAcepto1 { margin-bottom: 10px; } #rowReserva .divAcepto p { width: 480px; font-size: 14px; } #rowReserva input[type="submit"] { padding: 10px 60px; font-size: 18px; } #rowReserva .divLegal p { font-size: 13px; } } @media (max-width: 480px) { #rowReserva .divAcepto > span { margin: 2px 5px 0px 0px; } #rowReserva .divAcepto p { width: auto; font-size: 13px; } #rowReserva input[type="submit"] { padding: 8px 40px; font-size: 16px; } #rowReserva .divLegal p { font-size: 12px; } } @media (max-width: 380px) { #rowReserva .divAcepto2 { margin-bottom: 20px; } #rowReserva .divAcepto p { text-align: left; } #rowReserva .divLegal p { text-align: left; } } /***************************************** #rowFormReservaSedes ******************************************/ @media (max-width: 1180px) { #rowFormReservaSedes .divFormReservaSedes { padding: 0px 40px !important; } } @media (max-width: 480px) { #rowFormReservaSedes .divFormReservaSedes { padding: 0px 30px !important; } } /***************************************** #rowVehiculo ******************************************/ #rowVehiculo { margin: auto; max-width: 1080px; } #rowVehiculo .divBoxVehiculo { position: relative; padding: 0px; display: flex; justify-content: space-between; } #rowVehiculo .divBoxVehiculo * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; line-height: 120%; } #rowVehiculo .divFoto { width: calc(100% - 300px); display: flex; align-items: center; } #rowVehiculo .divDatos { width: 300px; background: #F6F6F6; } #rowVehiculo .divDatos .divTitulo { padding: 10px; margin: 0px 10px; font-size: 24px; border-bottom: dotted 2px rgba(var(--color1-rgb),0.3); line-height: 100%; } #rowVehiculo .divDatos .divTitulo br { line-height: 100%; } #rowVehiculo .divDato { padding: 10px; margin: 0px 10px; font-size: 18px; color: var(--color1-hex); } #rowVehiculo .divDato { display: flex; align-items: center; border-bottom: dotted 2px rgba(var(--color1-rgb),0.3); } #rowVehiculo .divDato:last-of-type { border-bottom: none; } #rowVehiculo .divDato i.mwp { margin-right: 10px; } #rowVehiculo .divDato span { width: calc(100% - 34px); } #rowVehiculo .divMarca { position: absolute; top: 0px; right: calc(300px + 20px); width: 140px; } #rowVehiculo .divPrecio { position: absolute; bottom: 0px; left: 0px; padding: 10px; width: calc(100% - 300px); } #rowVehiculo .divPrecio { background: var(--color-nar2-hex); display: flex; align-items: center; justify-content: center; } #rowVehiculo .divPrecio * { line-height: 100%; } #rowVehiculo .divPrecio span { font-size: 40px; font-weight: 600; } #rowVehiculo .divPrecio .spanPrecio { margin: 0px 10px; font-family: var(--font-family-normal); font-size: 60px; font-weight: 900; color: var(--color-nar1-hex); } @media (max-width: 1180px) { #rowVehiculo .divVehiculo { padding: 0px 20px; } } @media (max-width: 1080px) { #rowVehiculo .divFoto { width: calc(100% - 250px); } #rowVehiculo .divDatos { width: 250px; } #rowVehiculo .divMarca { right: calc(250px + 20px); } #rowVehiculo .divPrecio { width: calc(100% - 250px); } } @media (max-width: 980px) { #rowVehiculo .divFoto { width: calc(100% - 200px); } #rowVehiculo .divDatos { width: 200px; } #rowVehiculo .divDatos .divTitulo { padding: 8px; font-size: 20px; } #rowVehiculo .divDato { padding: 8px; font-size: 16px; } #rowVehiculo .divDato i.mwp { width: 20px !important; height: 20px !important; } #rowVehiculo .divDato span { width: calc(100% - 30px); } #rowVehiculo .divMarca { right: calc(200px + 20px); width: 120px; } #rowVehiculo .divPrecio { padding: 5px; width: calc(100% - 200px); } #rowVehiculo .divPrecio span { font-size: 30px; } #rowVehiculo .divPrecio .spanPrecio { font-size: 50px; } } @media (max-width: 780px) { #rowVehiculo .divFoto { width: calc(100% - 160px); } #rowVehiculo .divDatos { width: 160px; } #rowVehiculo .divDatos .divTitulo { padding: 6px; font-size: 16px; border-bottom-width: 1px; } #rowVehiculo .divDato { padding: 6px; font-size: 14px; border-bottom-width: 1px; } #rowVehiculo .divDato i.mwp { width: 16px !important; height: 16px !important; } #rowVehiculo .divDato span { width: calc(100% - 26px); } #rowVehiculo .divMarca { right: calc(160px + 10px); width: 100px; } #rowVehiculo .divPrecio { width: calc(100% - 160px); } #rowVehiculo .divPrecio span { font-size: 24px; } #rowVehiculo .divPrecio .spanPrecio { font-size: 32px; } } @media (max-width: 580px) { #rowVehiculo .divBoxVehiculo { flex-direction: column; } #rowVehiculo .divFoto { width: calc(100% - 140px); height: 180px; } #rowVehiculo .divFoto img { max-height: 100%; } #rowVehiculo .divDatos { width: auto; display: flex; flex-wrap: wrap; } #rowVehiculo .divDatos .divTitulo { width: 100%; text-align: center; } #rowVehiculo .divDatos .divTitulo br5000:before { content: " "; } #rowVehiculo .divDato { width: calc(50% - 20px); } #rowVehiculo .divDato:nth-of-type(10) { border-bottom: none; } #rowVehiculo .divMarca { right: 20px; } #rowVehiculo .divPrecio { bottom: 176px; left: auto; right: 0px; width: 140px; flex-direction: column; } #rowVehiculo .divPrecio span { font-size: 20px; } #rowVehiculo .divPrecio .spanPrecio { font-size: 24px; } } @media (max-width: 480px) { #rowVehiculo .divVehiculo { padding: 0px 10px; } #rowVehiculo .divFoto { width: calc(100% - 100px); height: 150px; } #rowVehiculo .divMarca { right: 10px; width: 80px; } #rowVehiculo .divPrecio { width: 100px; } } @media (max-width: 380px) { #rowVehiculo .divFoto { width: calc(100% - 80px); height: 125px; } #rowVehiculo .divDatos .divTitulo { margin: 0px 5px; padding: 5px; font-size: 14px; } #rowVehiculo .divDato { margin: 0px 5px; padding: 5px; font-size: 13px; border: none; } #rowVehiculo .divMarca { right: 10px; width: 60px; } #rowVehiculo .divPrecio { bottom: 157px; width: 80px; } #rowVehiculo .divPrecio span { font-size: 18px; } #rowVehiculo .divPrecio .spanPrecio { font-size: 20px; } } /***************************************** #rowTarifas *******************************************/ #rowTarifas { margin: auto; max-width: 1080px; } #rowTarifas .divBoxTarifas { padding: 0px; display: grid; background: #DDDDDD; grid-template-columns: repeat(7,1fr); /*grid-template-rows: 50px 70px 50px 70px 50px 70px;*/ grid-template-rows: 50px 100px 50px 100px; /*grid-template-areas: "head-oferta head-oferta-fi head-oferta-fr head-oferta-1 head-oferta-1 head-oferta-1 head-oferta-1" "head-oferta body-oferta-fi body-oferta-fr body-oferta-1 body-oferta-1 body-oferta-1 body-oferta-1" "head-basica head-basica-fi head-basica-fr head-basica-0102 head-basica-0306 head-basica-0713 head-basica-1430" "head-basica body-basica-fi body-basica-fr body-basica-0102 body-basica-0306 body-basica-0713 body-basica-1430" "head-plus head-plus-fi head-plus-fr head-plus-0102 head-plus-0306 head-plus-0713 head-plus-1430" "head-plus body-plus-fi body-plus-fr body-plus-0102 body-plus-0306 body-plus-0713 body-plus-1430";*/ grid-template-areas: "head-basica head-basica-fi head-basica-fr head-basica-0102 head-basica-0306 head-basica-0713 head-basica-1430" "head-basica body-basica-fi body-basica-fr body-basica-0102 body-basica-0306 body-basica-0713 body-basica-1430" "head-plus head-plus-fi head-plus-fr head-plus-0102 head-plus-0306 head-plus-0713 head-plus-1430" "head-plus body-plus-fi body-plus-fr body-plus-0102 body-plus-0306 body-plus-0713 body-plus-1430"; } #rowTarifas .divBoxTarifas * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; line-height: 120%; } #rowTarifas .divTarifas .divCabeceraVerde br { display: none; } #rowTarifas .divGrid { width: 100%; height: 100%; border: solid var(--color1-hex); border-width: 0px; } #rowTarifas .divGrid { display: flex; align-items: center; justify-content: center; } #rowTarifas .divHead_1 { background: #DDDDDD; border-width: 0px 0px 1px 0px; border-color: #FFFFFF; flex-direction: column; } #rowTarifas .divHead_1 div { font-size: 24px; font-weight: 600; color: var(--color-nar1-hex); text-align: center; } #rowTarifas .divHead_1 div:nth-of-type(3) { display: none; } #rowTarifas .divHead_2 { background: #F6F6F6; border-width: 0px 1px 0px 0px; border-color: #DDDDDD; } #rowTarifas .divHead_2 div { font-size: 20px; font-weight: 600; text-align: center; } #rowTarifas .divHead_2 span { font-size: 13px; display: block; } #rowTarifas .divBody { border-width: 0px 1px 1px 0px; background: #FFFFFF; border-color: #DDDDDD; flex-direction: column; } #rowTarifas .spanFianzas { font-size: 20px; } #rowTarifas .spanDesde { font-size: 14px; } #rowTarifas .spanPrecio { font-size: 20px; font-weight: 600; color: var(--color-nar1-hex); } #rowTarifas .spanDia { margin-left: 5px; font-size: 16px; color: #444444; } #rowTarifas .spanKms { margin-top: 5px; font-size: 14px; } #rowTarifas .spanExtra { font-size: 16px; } #rowTarifas .divBodyOferta-1 { display: none; /*flex-direction: row;*/ } #rowTarifas .divBodyOferta-1 .spanPrecio { display: none; /*font-size: 28px;*/ } #rowTarifas .divBodyOferta-1 .spanKms { display: none; /*margin-top: 0px; font-size: 18px; display: flex; align-items: center;*/ } #rowTarifas .divBodyOferta-1 .spanKms:before { display: none; /*margin: 0px 10px; content: "\f111"; font-family: "FontAwesome"; font-size: 6px;*/ } #rowTarifas .divBodyOferta-1 .spanKms:after { display: none; /*margin: 0px 10px; content: "\f111"; font-family: "FontAwesome"; font-size: 6px;*/ } #rowTarifas .divBodyOferta-1 .spanExtra { display: none; /*margin-top: 0px; font-size: 18px;*/ } #rowTarifas .divHeadOferta { display: none; /*grid-area: head-oferta; */ } #rowTarifas .divHeadOfertaFi { display: none; /*grid-area: head-oferta-fi; */ } #rowTarifas .divHeadOfertaFr { display: none; /*grid-area: head-oferta-fr; */ } #rowTarifas .divHeadOferta-1 { display: none; /*grid-area: head-oferta-1; border-width: 0px; */ } #rowTarifas .divBodyOfertaFi { display: none; /*grid-area: body-oferta-fi; */ } #rowTarifas .divBodyOfertaFr { display: none; /*grid-area: body-oferta-fr; */ } #rowTarifas .divBodyOferta-1 { display: none; /*grid-area: body-oferta-1; border-right-width: 0px;*/ } #rowTarifas .divHeadBasica { grid-area: head-basica; } #rowTarifas .divHeadBasicaFi { grid-area: head-basica-fi; } #rowTarifas .divHeadBasicaFr { grid-area: head-basica-fr; } #rowTarifas .divHeadBasica-0102 { grid-area: head-basica-0102; } #rowTarifas .divHeadBasica-0306 { grid-area: head-basica-0306; } #rowTarifas .divHeadBasica-0713 { grid-area: head-basica-0713; } #rowTarifas .divHeadBasica-1430 { grid-area: head-basica-1430; border-width: 0px; } #rowTarifas .divBodyBasicaFi { grid-area: body-basica-fi; } #rowTarifas .divBodyBasicaFr { grid-area: body-basica-fr; } #rowTarifas .divBodyBasica-0102 { grid-area: body-basica-0102; } #rowTarifas .divBodyBasica-0306 { grid-area: body-basica-0306; } #rowTarifas .divBodyBasica-0713 { grid-area: body-basica-0713; } #rowTarifas .divBodyBasica-1430 { grid-area: body-basica-1430; border-right-width: 0px; } #rowTarifas .divHeadPlus { grid-area: head-plus; border-width: 0px; } #rowTarifas .divHeadPlusFi { grid-area: head-plus-fi; } #rowTarifas .divHeadPlusFr { grid-area: head-plus-fr; } #rowTarifas .divHeadPlus-0102 { grid-area: head-plus-0102; } #rowTarifas .divHeadPlus-0306 { grid-area: head-plus-0306; } #rowTarifas .divHeadPlus-0713 { grid-area: head-plus-0713; } #rowTarifas .divHeadPlus-1430 { grid-area: head-plus-1430; border-width: 0px; } #rowTarifas .divBodyPlusFi { grid-area: body-plus-fi; border-bottom-width: 0px; } #rowTarifas .divBodyPlusFr { grid-area: body-plus-fr; border-bottom-width: 0px; } #rowTarifas .divBodyPlus-0102 { grid-area: body-plus-0102; border-bottom-width: 0px; } #rowTarifas .divBodyPlus-0306 { grid-area: body-plus-0306; border-bottom-width: 0px; } #rowTarifas .divBodyPlus-0713 { grid-area: body-plus-0713; border-bottom-width: 0px; } #rowTarifas .divBodyPlus-1430 { grid-area: body-plus-1430; border-width: 0px; } @media (max-width: 1180px) { #rowTarifas .divTarifas { padding: 0px 20px; } } @media (max-width: 980px) { #rowTarifas .divBoxTarifas { grid-template-columns: 80px 80px repeat(5,1fr); } /*#rowTarifas .divBoxTarifas { grid-template-rows: 40px 60px 40px 60px 40px 60px; }*/ #rowTarifas .divBoxTarifas { grid-template-rows: 40px 90px 40px 90px; } #rowTarifas .divHead_1 div { font-size: 18px; } #rowTarifas .divHead_2 div { font-size: 16px; } #rowTarifas .divHead_2 span { font-size: 11px; letter-spacing: -0.5px; } #rowTarifas .spanFianzas { font-size: 18px; } #rowTarifas .spanDesde { font-size: 13px; } #rowTarifas .spanPrecio { font-size: 18px; } #rowTarifas .spanDia { margin-left: 3px; font-size: 14px; } #rowTarifas .spanKms { margin-top: 2px; font-size: 13px; } #rowTarifas .spanExtra { font-size: 14px; } /*#rowTarifas .divBodyOferta-1 .spanPrecio { font-size: 24px; } #rowTarifas .divBodyOferta-1 .spanKms { font-size: 16px; } #rowTarifas .divBodyOferta-1 .spanKms:before { margin: 0px 5px; font-size: 4px; } #rowTarifas .divBodyOferta-1 .spanKms:after { margin: 0px 5px; font-size: 4px; } #rowTarifas .divBodyOferta-1 .spanExtra { font-size: 16px; }*/ } @media (max-width: 880px) { #rowTarifas .divTarifas.width-reserva .divCabeceraVerde { letter-spacing: -0.8px; } #rowTarifas .divTarifas.width-reserva .divCabeceraVerde .spanIVA { letter-spacing: normal; } } @media (max-width: 780px) { #rowTarifas .divBoxTarifas { grid-template-columns: 65px 60px repeat(5,1fr); } /*#rowTarifas .divBoxTarifas { grid-template-rows: 36px 60px 36px 60px 36px 60px; }*/ #rowTarifas .divBoxTarifas { grid-template-rows: 36px 80px 36px 80px; } #rowTarifas .divHead_1 div { font-size: 16px; } #rowTarifas .divHead_2 div { font-size: 14px; } #rowTarifas .divHead_2 span { font-size: 10px; } #rowTarifas .spanFianzas { font-size: 16px; } #rowTarifas .spanDesde { font-size: 12px; } #rowTarifas .spanPrecio { font-size: 16px; } #rowTarifas .spanDia { margin-left: 3px; font-size: 13px; } #rowTarifas .spanKms { margin-top: 0px; font-size: 12px; } #rowTarifas .spanKms .spanOcultar { display: none; } #rowTarifas .spanExtra { font-size: 12px; } /* #rowTarifas .divBodyOferta-1 .spanPrecio { font-size: 20px; } #rowTarifas .divBodyOferta-1 .spanKms { font-size: 14px; letter-spacing: 0px; } #rowTarifas .divBodyOferta-1 .spanExtra { font-size: 14px; letter-spacing: 0px; } */ } @media (max-width: 680px) { #rowTarifas .divTarifas.width-reserva .divCabeceraVerde { letter-spacing: normal; } #rowTarifas .divBoxTarifas { grid-template-columns: repeat(4,1fr); /*grid-template-rows: 40px 30px 30px 40px 30px 30px 70px 30px 30px 70px;*/ grid-template-rows: 30px 30px 90px 30px 30px 90px; /*grid-template-areas: "head-oferta-fi body-oferta-fi head-oferta-fr body-oferta-fr" "head-oferta head-oferta head-oferta head-oferta" "head-oferta-1 head-oferta-1 head-oferta-1 head-oferta-1" "body-oferta-1 body-oferta-1 body-oferta-1 body-oferta-1" "head-basica head-basica head-basica head-basica" "head-basica-0102 head-basica-0306 head-basica-0713 head-basica-1430" "body-basica-0102 body-basica-0306 body-basica-0713 body-basica-1430" "head-plus head-plus head-plus head-plus" "head-plus-0102 head-plus-0306 head-plus-0713 head-plus-1430" "body-plus-0102 body-plus-0306 body-plus-0713 body-plus-1430";*/ grid-template-areas: "head-basica head-basica head-basica head-basica" "head-basica-0102 head-basica-0306 head-basica-0713 head-basica-1430" "body-basica-0102 body-basica-0306 body-basica-0713 body-basica-1430" "head-plus head-plus head-plus head-plus" "head-plus-0102 head-plus-0306 head-plus-0713 head-plus-1430" "body-plus-0102 body-plus-0306 body-plus-0713 body-plus-1430"; } #rowTarifas .divHeadBasicaFi, #rowTarifas .divBodyBasicaFi, #rowTarifas .divHeadBasicaFr, #rowTarifas .divBodyBasicaFr { display: none; } #rowTarifas .divHeadPlusFi , #rowTarifas .divBodyPlusFi , #rowTarifas .divHeadPlusFr , #rowTarifas .divBodyPlusFr { display: none; } #rowTarifas .divHead_1 { border: none; flex-direction: row; } #rowTarifas .divHead_1 div { margin: 0px 4px; } #rowTarifas .divHead_1 div:nth-of-type(3) { display: initial; } #rowTarifas .divHead_2 span { display: none; } #rowTarifas .divBody { border-width: 0px 1px 0px 0px; } /* #rowTarifas .divHeadOfertaFi { padding-right: 5px; border-width: 0px; justify-content: flex-end; } #rowTarifas .divBodyOfertaFi { padding-left: 5px; border-width: 0px 2px 0px 0px; align-items: flex-start; background: #F6F6F6; } #rowTarifas .divHeadOfertaFr { padding-right: 5px; border-width: 0px; justify-content: flex-end; } #rowTarifas .divBodyOfertaFr { padding-left: 5px; border-width: 0px; align-items: flex-start; background: #F6F6F6; } #rowTarifas .divHeadOfertaFi div { font-size: 16px; } #rowTarifas .divHeadOfertaFr div { font-size: 16px; } #rowTarifas .divBodyOferta-1 { border-width: 0px; } */ #rowTarifas .divBodyBasica-1430 { border-width: 0px; } #rowTarifas .divBodyPlus-1430 { border-width: 0px; } #rowTarifas .spanKms .spanOcultar { display: initial; } #rowTarifas .spanDesde { font-size: 14px; } #rowTarifas .spanPrecio { font-size: 20px; } #rowTarifas .spanDia { margin-left: 5px; font-size: 14px; } #rowTarifas .spanKms { margin-top: 5px; font-size: 14px; } } @media (max-width: 580px) { #rowTarifas .divTarifas.width-reserva .divCabeceraVerde .spanIVA { top: 12px; } #rowTarifas .spanKms .spanOcultar { display: none; } } @media (max-width: 480px) { #rowTarifas .divTarifas .divCabeceraVerde .spanIVA { top: 12px; width: auto; } #rowTarifas .divTarifas.width-reserva .divCabeceraVerde .spanIVA { width: 50px; } #rowTarifas .divTarifas { padding: 0px 10px; } #rowTarifas .divBoxTarifas { grid-template-columns: repeat(4,1fr); /*grid-template-rows: 20px 20px 30px 30px 40px 30px 30px 70px 30px 30px 70px; grid-template-areas: "head-oferta-fi head-oferta-fi head-oferta-fr head-oferta-fr" "body-oferta-fi body-oferta-fi body-oferta-fr body-oferta-fr" "head-oferta head-oferta head-oferta head-oferta" "head-oferta-1 head-oferta-1 head-oferta-1 head-oferta-1" "body-oferta-1 body-oferta-1 body-oferta-1 body-oferta-1" "head-basica head-basica head-basica head-basica" "head-basica-0102 head-basica-0306 head-basica-0713 head-basica-1430" "body-basica-0102 body-basica-0306 body-basica-0713 body-basica-1430" "head-plus head-plus head-plus head-plus" "head-plus-0102 head-plus-0306 head-plus-0713 head-plus-1430" "body-plus-0102 body-plus-0306 body-plus-0713 body-plus-1430";*/ grid-template-rows: 30px 30px 90px 30px 30px 90px; grid-template-areas: "head-basica head-basica head-basica head-basica" "head-basica-0102 head-basica-0306 head-basica-0713 head-basica-1430" "body-basica-0102 body-basica-0306 body-basica-0713 body-basica-1430" "head-plus head-plus head-plus head-plus" "head-plus-0102 head-plus-0306 head-plus-0713 head-plus-1430" "body-plus-0102 body-plus-0306 body-plus-0713 body-plus-1430"; } /* #rowTarifas .divHeadOfertaFi { padding-right: 0px; border-width: 0px 2px 0px 0px; align-items: flex-end; justify-content: center; } #rowTarifas .divBodyOfertaFi { padding-left: 0px; border-width: 0px 2px 0px 0px; align-items: center; justify-content: flex-start; } #rowTarifas .divHeadOfertaFr { padding-right: 0px; border-width: 0px; align-items: flex-end; justify-content: center; } #rowTarifas .divBodyOfertaFr { padding-left: 0px; border-width: 0px; align-items: center; justify-content: flex-start; } #rowTarifas .divHeadOfertaFi div { font-size: 14px; } #rowTarifas .divHeadOfertaFr div { font-size: 14px; } */ #rowTarifas .spanFianzas { font-size: 14px; } #rowTarifas .divHead_1 div { font-size: 14px; } #rowTarifas .spanDesde { font-size: 13px; } #rowTarifas .spanDia { margin-left: 5px; font-size: 13px; } #rowTarifas .spanKms { margin-top: 2px; font-size: 13px; letter-spacing: -0.5px; } #rowTarifas .spanExtra { font-size: 13px; letter-spacing: -1px; } } @media (max-width: 380px) { #rowTarifas .divTarifas .divCabeceraVerde .spanIVA { top: 4px; width: 40px; } #rowTarifas .divTarifas.width-reserva .divCabeceraVerde .spanIVA { top: 7px; width: auto; } /*#rowTarifas .divBoxTarifas { grid-template-rows: 20px 20px 24px 24px 36px 24px 24px 80px 24px 24px 80px; }*/ #rowTarifas .divBoxTarifas { grid-template-rows: 24px 24px 100px 24px 24px 100px; } #rowTarifas .spanDia { display: none; } #rowTarifas ocultar380 { display: none; } #rowTarifas .spanExtra { text-align: center; } #rowTarifas .spanExtra br380 { display: block; } } /**************************************** #rowCondiciones ****************************************/ #rowCondiciones { margin: auto; max-width: 1080px; } #rowCondiciones .divBoxCondiciones { padding: 20px; width: 100%; } #rowCondiciones .divBoxCondiciones * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; line-height: 120%; } #rowCondiciones .divBoxCondiciones ul { margin-left: 0px; list-style-type: none; } #rowCondiciones .divBoxCondiciones li { margin-bottom: 10px; text-align: justify; } #rowCondiciones .divBoxCondiciones li i { color: var(--color-nar1-hex); } #rowCondiciones .divBoxCondiciones a { color: #0000FF; text-align: center; } #rowCondiciones .divBoxCondiciones a:hover { color: var(--color-nar1-hex); } @media (max-width: 1180px) { #rowCondiciones .divCondiciones { padding: 0px 20px; } } @media (max-width: 980px) { #rowCondiciones .divBoxCondiciones li { margin-bottom: 5px; font-size: 14px; } #rowCondiciones .divBoxCondiciones a { font-size: 14px; } } @media (max-width: 780px) { #rowCondiciones .divCabeceraVerde { padding: 8px 20px; font-size: 20px; } #rowCondiciones .divBoxCondiciones ul { margin-bottom: 10px; } #rowCondiciones .divBoxCondiciones li { font-size: 13px; } #rowCondiciones .divBoxCondiciones a { font-size: 13px; } } @media (max-width: 480px) { #rowCondiciones .divBoxCondiciones { padding: 10px; } #rowCondiciones .divCondiciones { padding: 0px 10px; } #rowCondiciones .divBoxCondiciones li { text-align: left; } } @media (max-width: 380px) { #rowCondiciones .divCabeceraVerde { padding: 6px 10px; font-size: 16px; } } /************************************* #rowHomeBannerTarifas *************************************/ #rowHomeBannerTarifas { padding: 0px !important; }