3 @charset "UTF-8"; /*--- IBE Tours - carro compra - pago - Art2Fly 2025 -----------------*/ #carro {max-width: 900px;width: 100%;} #carro h6 {font-size: 1em;line-height: 1em;} #carro .row.tour-wrapper {position:relative;padding: 0;margin:0;min-width: 360px;} #carro .row.clase-wrapper {position:relative; padding:0; margin:0;min-width: 360px;font-family: 'Open sans', arial, sans-serif;} #carro .zona-tour {position: absolute; top:40%; text-align: center; color: white; transform: rotateZ(-90deg); font-size: .7em; left: -28px; height: 20px; margin: 0; width: 80px;} #carro .row.tour {border: 1px solid #999;padding: 20px 0;margin: 0;position:relative;background-color:white;} #carro .row.tour:first-child {border-top: 1px solid #999;} #carro .row.tour:last-child {border-bottom: none;} #carro .row.tour.total-carro {padding: 0;min-width: 360px;} #carro .row.tour.total-carro h5 {text-align: right;font-weight: 600;padding-right: 25px;} #carro .row.tour.total-carro h5.total_pagar {font-weight: bold;padding: 10px 40px;margin: 0 -15px;background-color: #eee;font-size: 1em;} #carro .row.clase {border: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top:none;padding: 20px 0;margin: 0;position:relative;background-color:white;} #carro .row.clase:first-child {/* border-top: 1px solid #ccc; */} #carro .row.clase:last-child {/* border-bottom: 1px solid #ccc; */} #carro .row.clase.total-carro {padding: 0;border-bottom-style: solid;min-width: 360px;} #carro .row.clase.total-carro h5 {font-size: 12px;text-align: right;font-weight: 600;padding-right: 25px;font-family:'Open sans', Arial, sans-serif;} #carro .row.clase.total-carro h5.total_pagar {font-weight: bold;padding: 10px 40px;margin: 0 -15px;background-color: cornsilk;border-top: 1px solid #ccc;font-size: 14px;font-family: 'Open sans', Arial, sans-serif;} #carro .row.t-header {background: #eee;border: 1px solid #999;margin: 0;margin-top: 30px;min-width:360px;border-bottom: none;} #carro .row.t-header .derecha {padding-right:0;} #carro .row.t-header.total-carro { text-align:right; border-top:none; margin: 0; height: 50px; min-width: 360px;} #carro .row.t-header.total-carro h5 {border-right: 1px solid #ccc; padding-right: 30px; line-height:50px; margin:0;} #carro .row.t-header.total-carro.convertido {height: 35px; background-color: rgba(234, 234, 224, .5);} #carro .row.t-header.total-carro.convertido h5.small {line-height: 35px; font-weight: normal; color: #777;} #carro .row.t-header.botones-carro .derecha {padding-left: 0;} #carro .row.t-header.botones-carro {background: transparent;border: none;margin-top: 30px;min-width: 360px;} #carro .nombre-tour {color: #111;border-bottom: 1px dashed #999;margin-bottom: 2px;position: relative;top: -1px;} #carro .nombre-clase {color: #111;border-bottom: 1px dashed #999;margin-bottom: 2px;} #carro .fecha-tour {font-size: 85%;font-weight: 600;color: #111;border-bottom: 1px dashed #999;margin-left: -28px;padding-left: 28px;} #carro .fecha-clase {font-size: 85%;border-bottom: 1px dashed #999;margin-left: -28px;padding-left: 15px;font-weight: bold;} #carro .horario-tour {font-size: 85%;margin-left: -28px;padding-left: 28px;} #carro .party-tour {font-size: 85%;font-weight: normal;} #carro .party-clase {display: inline-block; text-transform: lowercase;margin-left: 3px;} #carro .party-name {font-weight:bold;color:#333;} #carro .precio-tour {text-align: right;width: 100%;} #carro .precio-tour span {display:inline-block;width: auto;max-width: 100px;} #carro .precio-tour.total_pagar {text-align: right;width: calc(100% + 28px);color: #111;font-weight: normal;border-bottom: 1px dashed #999;margin-left: -28px;} #carro .col-md-4.angosta {width:calc(33.3333% - 25px);} #carro .eliminar-tour a {position: absolute;top: 22px;right: 10px;font-size: 11px;color: #b0b0b0;font-style: italic;text-align: right;line-height: 14px;} #carro .eliminar-tour a i {font-size: 16px;right: -5px;position: relative;} #carro .eliminar-tour a:hover {color: #666;cursor: pointer;} #carro .eliminar-tour a:hover > .row.tour {background-color:#F9FBD5;} #carro .eliminar-tour a:hover > .row.clase {background-color:#F9FBD5;} #carro .eliminar-tour a:active {color: #444;} #carro .nombre-tour span {display: inline-block;font-weight: normal;font-size: .85em;margin-left: 0.25em;} #carro .nombre-tour span:before {content:' - ';} #carro .nombre-clase span {display: inline;} #carro .inicio-clase {font-size: 85%;line-height: 1.2;display: inline-block;} #carro .nivel-clase {text-transform: capitalize;font-size: 85%;line-height: 1.2;} #carro .idioma-clase {font-size: 85%;line-height: 1.2;display: inline-block;} #carro .genero-profe {font-size: 85%;display: inline-block;line-height: 1.2;} /*--------------------------------------------------- RESPONSIVE ----------------------------------------------------*/ @media (max-width: 991px) { #carro .nombre-tour, #carro .nombre-clase, #carro .fecha-tour,#carro .fecha-clase, #carro .precio-tour, #carro .nombre-transfer, #carro .fecha-transfer, #carro .precio-transfer {width: 100%;} #carro .fecha-tour, #carro .fecha-clase, #carro .precio-tour, #carro .fecha-transfer, #carro .precio-transfer {border:none;} #carro .fecha-tour {padding: 0;margin: 0;width: auto;font-weight: 600;} #carro .fecha-clase {padding: 0;margin: 0;width: auto;} #carro .tour .col-md-4 {display: inline-block;width: auto;position: absolute;right: 30px;top: 20px;} #carro .tour .col-md-3 {display: inline-block;width: auto;min-width: 120px;position: absolute;top: 20px;left: 350px;} #carro .clase .col-md-4 {display: inline-block;width: auto;position: absolute;right: 30px;top: 20px;} #carro .clase .col-md-3 {display: inline-block;width: auto;min-width: 120px;position: absolute;left: 340px;top: 20px;} #carro .eliminar-tour, #carro .eliminar-transfer {display: inline-block;width: auto;position: absolute;right: 5px;top: -1px;} #carro .total-carro .col-md-9 {width: 70%;display: inline-block;float: left;} #carro .total-carro .col-md-3 {width: 30%;display: inline-block;float: right;position: relative;left: 0;top: 0;} #carro .tour .col-md-4.angosta {width: auto;position: absolute;right: 20px;top: 20px;} #carro .clase .col-md-3 {left: 340px;} #carro .clase .col-md-4.angosta {width: auto;position: absolute;right: 20px;top: 20px;} #carro .precio-tour.total_pagar {width:100%;margin: 0;border: none;} #carro #precio_tour, #carro #comision {display:none;} #carro .tour.total-carro .col-md-3 {width: 35%; left: 0;} #carro .row.tour.total-carro .col-md-3 h5.total_pagar {margin-right: 0;padding-right: 35px;padding-left: 0px;} #carro .clase.total-carro .col-md-3 {width: 35%; left: 0;} #carro .row.clase.total-carro .col-md-3 h5.total_pagar {margin-right: 0;padding-right: 15px;padding-left: 0px;} #carro h5#id_comision_carro, #carro h5#id_total_carro {margin-right: 0;padding-right: 35px;} #carro .total-carro .col-md-9 {padding-right: 0;width: 65%;} #carro .total-carro .col-md-3 {padding-right: 0;width: 35%;} .btn_2tercios {line-height: 40px;} } @media (max-width: 719px) { #carro .clase .col-md-3, #carro .tour .col-md-3 {width:100%; position:relative; left:0; top:0;} } @media (max-width: 670px) { #carro .tour .col-md-3, #carro .tour .col-md-3 {width:100%;position:relative;top:0;left: 0;} } @media (max-width: 570px) { #carro .tour .col-md-4.angosta {top: unset;right: 20px;text-align: right;width: 100%;position:relative;text-align:left;} #carro .clase .col-md-4.angosta {top: 43px;right: 0;text-align: right;width: 100%;} #carro .precio-tour.total_pagar {font-weight:bold;} #carro .row.t-header.botones-carro {margin: 0;margin-top: 20px;} #carro .row.t-header.botones-carro .btn_1 {margin: 10px 0 0 0;} } @media (max-width: 480px) { #carro .row.t-header.botones-carro button.pagar {margin: 10px 0 0 0; width: 100%; clear: both; } #carro .row a.btn_1 {width:100%;clear: both;} #carro .nombre-tour span {display: block;} #carro .nombre-tour span:before {content: '';} #carro .nombre-tour {/* border: none; */margin: 0;line-height: 1.4;} }