@charset "UTF-8";
/*--- CSS para IBE Tours - Ski Day Valle Nevado - Art2Fly 2025 -----------------*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap');
/*------------------------ 
		TIPOGRAFIA
------------------------------*/
body {color:#222;font-family: 'Space Grotesk', 'Open sans', arial, sans-serif;background: white; }
h1 {font-family: 'Space Grotesk', 'Open sans', arial, sans-serif;font-weight:700;text-transform:uppercase;color: #111111;letter-spacing: normal;font-size: 3em;}
h1 span {font-weight:100;}
h2 {font-family:'Space Grotesk', 'Open sans', arial, sans-serif;font-weight:400;font-size:20px;color:#777;}
h3 {font-family:'Space Grotesk', 'Open sans', arial, sans-serif; font-weight:700; font-size:18px; text-transform:uppercase; }
h4 {font-family:'Space Grotesk', 'Open sans', arial, sans-serif; font-weight:900; font-size:18px; letter-spacing:0.5px;}
h5 {font-family: 'space grotesk','Open sans', arial, sans-serif;font-weight: normal!important;font-size:14px;text-transform:uppercase;}
h6 {font-family:'Space Grotesk', 'Open sans', arial, sans-serif;font-weight:700;font-size: 1em;text-transform:uppercase;}
.main_title p {font-size: 17px;max-width: 520px;margin: 10px auto 7px auto;}
a.color-cliente, .btn_tercio {font-family: 'Space Grotesk';}
.color-cliente {background-color: #204ce5;}
.font-cliente,
.main-menu > ul > li:hover > a,
div#ex1.modal h3, a.tyc:hover {color:#c5ff00 !important;}
.margin_120 {padding-top: 60px;}
a.tyc {color: #204ce5;font-size: 1.2em;}
#carro .row.tour {border-color: #666;}
#banner_promocional {font-family: 'Space Grotesk';font-size: 1em;background: #204ce5;}


/*------------------------ 
		ESTRUCTURA GENERAL
------------------------------*/
header {background-color: #111;position: initial;border-bottom.COLOR: NONE;}
header .main-menu ul li, header .main-menu ul li a {border-left: none !important;}
#breads {color: inherit;font-family: 'Space Grotesk';font-size: 1.1em;border-color: #666;}
footer #footer a:hover {color:#f0ebeb;}
footer .dark {min-width: 500px;}
footer {background: #333 url(../images/vallenevado/pattern-valle-10.png) repeat top left;}
#footer a.sac {background-color: #3175de;border-color: #3175de;border-radius: 4px;border-style: solid;font-weight: 500;font-size: 2em;text-align: center; align-items: center; max-width: 140px;display: block; margin: -15px 0 15px calc(100% - 140px);font-weight: 500; margin-top: -10px;margin-bottom: 10px;align-items: center;justify-content: center;display: flex;flex-direction: row;max-width: 140px;}
#footer a.sac:hover {background-color: #5590ed;border.color: #5590ed;border.color: #5590ed;border-color: #5590ed;}
#footer a.sac svg {height: 1.32em;width: 1.32em;fill: currentColor;}

/*------------------------ 
		ESTILOS HOME
------------------------------*/
.main_title {text-align: left;font-size: 1.3em;padding: 0;}
#home .img_container img {top: -8%;}
#home .tour_container .tour_title h3 {text-transform: uppercase;font-family: 'Space Grotesk';font-weight: bold;font-size: 1.4em;border-bottom: none;}
#home .tour_container .tour_title h3 span {text-transform: none;font-size: .8em;}
#home .tour_container .tour_title p {color:#666;font-size: 1.2em;font-family: 'Space Grotesk';text-wrap-style: pretty;}
#home .tour_container .img_container .banner-tour {background-color: #c5ff00;color: black;text-transform: uppercase;font-size: .68em;letter-spacing: 2px;line-height: 2;}
#home .main-title {text-align:center;font-size:16px;margin: 30px 0;}
#home .main_title p {font-family:'Space Grotesk', 'Open sans', Arial, sans-serif;font-weight:400;font-size: 17px;max-width: 100%;margin: 0 0 20px 0;line-height: 1.4;text-wrap-style: pretty;}
#home .banner  {font-size: 14px;letter-spacing: 10px;font-weight: 900;font-family: 'Space Grotesk';color: #FFF;text-transform: uppercase;text-align: center;background: linear-gradient(rgb(99 99 99) 0%, rgb(28 29 29) 100%);padding: 4px;width: 100%;max-width: 100%;margin-bottom: 30px;}
.tour_container .img_container {height: 170px;}
.tour_container .tour_title {padding: 10px 0;border: none;}
.tour_container {box-shadow: none;height: auto;padding-bottom: 30px;}


/*------------------------ 
		ESTILOS FICHA
------------------------------*/
h6.encabezado_caja_ficha{color: #222222;font-size: 1.3em;border: none;margin-bottom: 5px;}
.form-group label span  {color: initial;font-size:0.79em;font-weight:normal;}
#caja_ficha #producto {font-size: 1.2em;color: #c5ff00;background: #333;font-family: 'Space Grotesk';border: none;border-radius: 0;}
#ficha_tour h5 {font-weight:900;font-size: 1.1em;font-family: 'Space Grotesk';color: initial;}
#caja_ficha label a {display:none;}
#ficha_tour p {font-size: 1.2em;font-family: 'Space Grotesk';text-wrap-style: pretty;margin: 0 0 20px 0;line-height: 1.4;}
div#caja_ficha {background: white;padding: 0;}
.total_a_pagar, .total_web {background: white;font-family: 'Space Grotesk';font-weight: bold;font-size: 1.1em;}
#caja_ficha i {display: none;}
#caja_ficha label {font-family: 'Space Grotesk';font-size: 1em;}
div#caja_ficha .row:first-child label {display:none;}
.junto {display:block;}
#ficha_tour .tarifario ul.price {margin-bottom: 10px;}
#ficha_tour .tarifario .price .header {font-size: 1em;line-height: 1;background: #333;padding: 10px 2px;height: auto;text-wrap-style: balance;}
#ficha_tour .tarifario .price li {font-size: 1em;padding: 10px 2px;}
#ficha_tour .tarifario .row-header ul li {padding: 10px 4px;}
#ficha_tour .tarifario .encabezado-fila {margin-top: 71px;}
table#precios {font-size: 1.2em;}

/*----------------------------------- 
		ESTILOS VARIOS
------------------------------------*/
#datos h2,#paso_resumen h2 {color: inherit;font-family: 'Space Grotesk';font-size: 1.2em;border-bottom: 3px solid #101010;line-height: 1.4;margin-bottom: 10px;}
#datos h2 i,#paso_resumen h2 i {display:none;}
#confirmacion h1 i, #confirmacion h2 span {color:#111;}
#toolbox header .main-menu ul {margin-top:50px;}
#toolbox header .main-menu ul li, #toolbox header .main-menu ul li a {color:white;}
#toolbox header .main-menu ul li a.normal:hover {color:#a9d5f0;}
a.button.normas {padding: 0 20px; margin: 10px 5px 10px 0; line-height: 40px; background: #2572b1; display: inline-block; color: white; border: 1px solid #30496d; }
a.button.normas:hover, button.pagar:hover, a.pagar:hover {background: #c5ff00;color: #111;}
..condiciones h3 {font-family: 'Space Grotesk';font-size: 1.3em;border-color: #666;}
button.pagar, .btn_tercio, .btn_1, .btn_2tercios {color: white;border-radius:0;font-family: 'Space Grotesk';font-size: 1.1em;background: #204ce5;padding: 10px 20px;height: auto;line-height: 1.8;}
.btn_tercio{background: grey;}
a.button. gar:hover, a.btn_tercio:hover, a.btn_1:hover, a.btn_2tercios:hover {color: #222;background: #c6ff04;}
#datos .panel,#paso_resumen .panel {border-color:#666;background-color: white;padding: 0;border: none;margin-bottom: 50px;box-shadow: none;}
.box_style_0 {border: 4px solid #222;font-family: 'Space Grotesk';border-radius: 0;background: #333333;background: white;padding: 20px 30px;}
.box_style_0 h4 {font-family: 'Space Grotesk';}
#datos .panel input, #datos .panel select {border-radius: 0;box-shadow: none;border: 1px solid #efeeed;padding-left: 10px;line-height: 3;background: #efeeed;}
#datos a#validar_cupon {border-radius: 0;box-shadow: none;border: none;padding-left: 10px;line-height: 3;background: #333;color: white;font-size: 1em;}
.box_style_0 .total-carro {background: #ccc;position: relative;top: 0px;border-top: 1px solid #666;}
#carro .row.t-header {background-color: #111111;color: white;line-height: normal;}
#banner_lateral #encabezado_banner {background-color: #c5ff00;color: #111;font-family: 'Space Grotesk';font-size: 1.2em;}
#banner_lateral p {background-color: #111;}
#banner_lateral p span {background: transparent;font-size: 1.3em;color: #c5ff00;}
#carro .precio-tour.total_pagar span {font-weight: bold;}
#carro .row.tour.total-carro h5.total_pagar {font-weight: bold !important;}
a#seguir_comprando {background: grey;}
#datos #agencia {color: #222;font-size: 1.1em;background: none;border: 1px solid #333;height: 40px;line-height: 40px;padding: 0 0 0 10px;}
#datos .seccion-form {margin-bottom: 10px;}
#datos textarea {border: 1px solid #efeeed;background: #efeeed;width: 99%;min-height: 90px;}
#datos .botones-de-pago {border:none;}
hr {display:none;}


@media (max-width: 1199px) {
	#ficha_tour .tarifario ul.price li.especial::before { height: 40px;line-height: 40px; margin-top: -11px;}
	#ficha_tour .tarifario .price li {line-height: initial;height: initial;}
}
@media (max-width: 767px) {
    .tour_container .img_container {height: auto;}
	#home .img_container img {top: 0;}
	.main_title {text-align: center;}
	.main_title h1 {margin-top: 0;font-size: 2.4em;}
}
@media (max-width: 600px) {
	#datos .seccion-form {width:100%;}
	#datos .medio-de-pago { width:100%;}
	#datos .botones-de-pago a, #datos .botones-de-pago button, #datos input#cupon, #datos a#validar_cupon{display: block;width: 100%;margin: 0;margin-bottom: 10px;max-width: 100%;text-align: center;}
	#datos input#nombre, #datos input#apellido, #datos input#email, #datos input#fono, #datos input#rut_comprador, #datos input#ciudad, #datos input#cargo, #datos textarea {width:100%;}
}