@charset "UTF-8";
/*--- CSS para IBE Tours - Antay Magic Kids Club - Art2Fly 2023 -----------------*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&family=Raleway:wght@300;400;700&display=swap');
/*------------------------ 
		TIPOGRAFIA
------------------------------*/
body {font-family: 'Open sans', arial, sans-serif;font-size: 15px;font-weight: normal;line-height: 1.5;}
h1 {font-family: 'Raleway', 'Open sans', arial, sans-serif;color: #9c27b0;margin-bottom: 10px;}
h1:before {border-left: 6px solid rgba(129, 192, 227, 0.5);padding-left: 15px;}
h2 {font-family:'Raleway', 'Open sans', arial, sans-serif;}
h3 {font-family:'Raleway', 'Open sans', arial, sans-serif;}
h4 {font-family:'Raleway', 'Open sans', arial, sans-serif;}
h5 {font-family: 'Open sans', arial, sans-serif;}
h6 {font-family:'Raleway', 'Open sans', arial, sans-serif;}
paso_resumen h1, paso_resumen h2, 
#confirmacion .codigo span, #confirmacion h3 {font-family: 'Raleway';}

.color-cliente {background-color: #7e579c;} 
.font-cliente,
.main-menu > ul > li:hover > a,
div#ex1.modal h3, a.tyc:hover {color: #9c27b0;}
a.tyc {color: #70b1df;}
.btn_1:active, .btn_tercio:active, .btn_2tercios:active {color: #f38a18;}
.btn_2tercios {padding-top: 1.75em;font-size: 13px;letter-spacing: 1px;}
.short_info .price {font-family: 'Open sans', arial, sans-serif !important;}

/*------------------------ 
		ESTRUCTURA GENERAL
------------------------------*/
div#home {min-height: 700px;}
header {background: linear-gradient(285.28deg, #061b67 10%, #22679e 23%, #7f4bad 63.77%, #361858 120.77%);padding: 10px 0 5px 0;border-bottom: 8px solid #ffd53b;}
header .main-menu ul li, header .main-menu ul li a {color: white;border:none !important;font-size:13px;}
header .main-menu ul li {border-color:white;}
header .main-menu ul li.separador {border-left:1px solid #afbac6 !important; padding-left: 10px;}
header .main-menu ul li a,
header .main-menu ul li:hover > a, 
header .main-menu ul li:hover > a#total-items-carro,
header .main-menu ul li a#carro {width: auto;}

#logo_home img {height: 100%;}
#breads {color: #7e7e75;font-family: 'Raleway';}

#toolbox header .main-menu ul li a {color: white;}
#toolbox header .main-menu ul li:hover > a {color: #94c6f7;}
#toolbox header .main-menu ul li {color:white;}

footer {background: #634696;}
footer #footer, footer #footer h2, footer #footer h3 {font-family:'Raleway', 'Opne sans', arial, sans-serif;}
footer #footer h2 {font-weight: 900;}
footer #footer a:hover {color:#94c6f7;}

/*------------------------ 
		ESTILOS HOME
------------------------------*/
.tour_container .img_container {height: 150px;}
#home .img_container img {top: -25%;}
#home .tour_container .tour_title h3 {color: #1146AE;font-size: 18px;text-transform: none;padding-left: 6px;border-left: 6px solid lightblue;border-bottom: none;font-size: 1.25em;}
#home .tour_container .tour_title h3:before {content:'Fiesta';display:block;letter-spacing: 0.5px;font-size: 0.75em;}
#home .tour_container .tour_title p {color:#747f9c;font-size: .95em;line-height: 1.2;}
.tour_container .tour_title {height:150px;}
#home .main_title p {max-width:600px; margin:auto;}

/*------------------------ 
		ESTILOS FICHA
------------------------------*/
h6.encabezado_caja_ficha {color: #7e7e75;font-size: 13px;font-weight: bold;}
#caja_ficha #producto {color: inherit;font-size: inherit;}
.form-group label span  {color: #444;font-size: 1em;margin-bottom: 2px;letter-spacing: normal;}
#ficha_tour h5 {font-size: 1em;font-family: 'Raleway';font-weight: bold;}
#caja_ficha label a {display:none;}
.tour_container .img_container .banner-tour {background-color: rgba(83, 133, 181, 0.75);}
.btn_1, .btn_tercio {background: #7e579c;border: none;font-size: 13px;}
.btn_1:hover, .btn_tercio:hover, .btn_2tercios:hover {background: #428AE8;}
.tarifario .price {color: #444;}
#ficha_tour .imagen {height: 350px;}
#ficha_tour img {top: 0;}
form#caja_compra a.btn_tercio.es {display: none;}
form#caja_compra a#btn_full {width: 100%;}
#caja_ficha label {font-size: 13px;}
.form-group label span.invitados {white-space: nowrap;margin-bottom: 5px;}
#caja_ficha i {display:none;}
#caja_ficha #hora label {font-size:13px;}
#caja_ficha #hora select{padding-left:8px;}
#mensaje {font-weight: bold;background-color: #FFEB3B;padding: 7px 5px;margin: -10px 0 10px 0;text-align: center;border: none;line-height: normal;max-width: 500px;}
#mensaje p {font-weight: normal;margin: 5px 15px 10px 15px;font-size: .9em;}

/*----------------------------------- 
		ESTILOS PASO EXTRAS
------------------------------------*/
#extras #carro {margin: 0 auto;}
#extras #carro #resumen {font-size: 14px;}
#extras #carro .row.tour-wrapper {min-width:unset;margin: 20px 0;}
#extras #carro .row.tour {border: 1px solid #ccc;/* border-bottom: none; */border-top: none;}
#extras #carro h2 + .row.tour {border-top: 1px solid #ccc;}
#extras #carro h2 {font-size: 21px;font-weight: normal;margin: 50px 0 6px 0;color: #222;}
#extras h2 strong {color: #7e579c;}
#extras h4 {margin: 0 0 20px 15px;}
#extras #carro .row.tour.total-carro h5.total_pagar {border-bottom: 1px solid #ccc;background: lightgrey;padding: 15px 15px 15px 40px;border-top: 5px solid white;}
form#form_paso_extra {/* border: 1px solid #ccc; */}
#extras #carro #resumen {border: 1px solid #ccc;font-size: 14px;}
#extras #carro #resumen .party-tour {font-size:100%;line-height: 22px;}
#extras #carro .nombre-tour, #extras #carro .fecha-tour {margin-bottom:5px;font-size: 1em;position: relative;height: 20px;border: none;}
#extras #carro .precio-tour.total_pagar {top: 20px;right: 15px;width: calc(100% - 30px);padding-bottom: 3px;font-size: 14px;position: absolute;}
#extras #carro .extra .precio-tour.total_pagar {border: none;}
#extras #carro #tortas .precio-tour.total_pagar {top: 0px;right: 15px;width: calc(100% - 55px);padding-bottom: 3px;font-size: 14px;position: absolute;}
#extras #carro .cantidad-tour input {width: 100%;margin-top: 1px;font-size: 14px;max-width: 100px;padding: 3px 0 3px 15px;}
#extras #carro .row.tour.agregar-torta  {border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;margin-bottom: 15px;}
#extras #carro #tortas .party-name {display: block;width: 100%;text-align: left;margin-left: 30px;}
#extras .agregar-torta .party-tour {margin-bottom: 5px;width: 100%;}
#extras .agregar-torta select, #extras .agregar-torta input {width: calc(100% - 30px);padding: 5px 0 5px 10px;display: block;margin: 3px 0 0 30px;}
#extras .agregar-torta .ordenar {column-count: 2;column-gap: 20px;margin-top: 10px;}
#extras .agregar-torta .precio-tour.total_pagar
a.delete_row {color: grey;visibility: visible !important;top: -15px;right: 6px;text-align: right;display: block;margin-bottom: -10px;}
#extras a.torta {background: #7e579c;margin: 10px 0;width: 50%;max-width: 250px;padding: 0;}
#extras a.torta.sin {background: #c6c0c6;color: #7e579c;margin-bottom: 40px;}
#extras a.torta:hover {background: #428ac7;}
#extras a.torta.sin:hover {color: white;}
.nombre-tour a span {color: #7e579c;font-weight: bold;text-decoration: underline;margin-left: 0px;}
#tortas .nombre-tour {color: #7e579c;font-weight: bold;text-decoration: none;width: calc(100% - 25px)!important;display: inline-block!important;padding-left: 5px;}
#tortas a {cursor: pointer;display: inline-block;width: 20px;color: #7e579c;}
#ficha_tour p {text-align:justify;}
.modal.extras {width: 500px;padding: 0;height: 400px;border: 2px solid white;border-radius: 5px;}
.modal.extras a.close-modal {top: 0;right: 0;}
#modal_torta_propia {padding:40px; }
#modal_torta_propia a#torta_propia {background: #7e579c;color: white;padding: 20px 10px;margin: 10px auto;width: 100%;max-width: 350px;border-radius: 5px;font-weight: bold;display: block;text-align:center;}
a#seguir_comprando {display: none;}
#Img_carousel {border-radius: 3px;padding: 20px;vertical-align: bottom;}
#Img_carousel a.close-modal {top: 2px;right: 2px;width: 26px;height: 26px;}
#Img_carousel .sp-thumbnails-container {margin-left: -3px;}
#Img_tortamagickidsfalsa {max-width: 350px;border-radius: 3px;padding: 20px;vertical-align: bottom;}
#Img_tortamagickidsfalsa a.close-modal {top: 2px;right: 2px;width: 26px;height: 26px;}
#Img_tortamagickidsfalsa .sp-thumbnails-container {margin-left: -3px;}
/*----------------------------------- 
		ESTILOS ICONO CONFIRMACION
------------------------------------*/
#confirmacion h1 i, #confirmacion h2 span {color:#7e579c;}

/*----------------------------------- 
		ESTILOS FOOTER
------------------------------------*/
footer .dark {min-width: 500px;}

/*------------------------ 
		TARIFARIO ESPECIAL CLASES
------------------------------*/
.tarifario table.clases {max-width: 450px;text-align: center;}
.tarifario table.clases td {padding:6px 2px;line-height: 1.5;border-bottom: 1px solid #ddd;font-size: .9em;}
.tarifario table.clases td.header {background-color: #babab0;color: white;font-family: 'Raleway';font-weight: bold;border-right: 2px solid white;width: 164px;line-height: 1.2;}
.tarifario table.clases td.header span.horario {display:block;font-size: .8em;color: #555;line-height: 1.2;margin-top: 3px;}
.tarifario table.clases td.encabezado-fila {padding-left: 10px;font-weight: bold;font-family: 'Open sans', arial, sans-serif;font-size: .8em;margin: 0;float: none;text-align: left;width: auto;min-width: 80px;line-height: 1.4;}
.tarifario table.clases td.encabezado-fila span {color: #a6a69a;white-space: nowrap;}
.tarifario table.clases td.titulo {color: white;border-right: 2px solid white;font-size: 14px;background-color: transparent;font-weight: bold;border-top: none;}
.tarifario p {font-size: .9em;line-height:1.5;}

@media only screen and (max-width: 1199px) { 
	.tarifario table.clases td.header {width:130px;}
	.tarifario table.clases td.encabezado-fila {display:table-cell;}
}

@media only screen and (max-width: 991px) { 
	.tarifario table.clases td.header {width:125px;}
	.tarifario table.clases td.encabezado-fila {text-align:left;}
	#ficha_tour .imagen {height: 200px;}
	header .main-menu ul {width:80%;margin: 4em auto;}
	header .main-menu ul li:first-child {display:block;border-top: 1px solid grey !important;}
	header .main-menu ul li.separador {border-left: none !important;}
	header .main-menu ul li {border-bottom: 1px solid grey !important;}
	header .main-menu ul li a {font-size:1.4em !important;line-height: 3em;}
	#extras #carro {margin: -15px; width: calc(100% + 30px);}
	#extras .agregar-torta .ordenar {column-count:2;margin-left: 22px;}
	#extras #carro #tortas .party-name {margin-left: 0;}
	#extras .agregar-torta select, #extras .agregar-torta input {width:95%;margin-left: 0;}
	#Img_carousel {vertical-align: middle;}
	#Img_tortamagickidsfalsa {vertical-align: middle;}

}

@media only screen and (max-width: 767px) { 
	#extras .agregar-torta .ordenar {column-count:1;}
	.tarifario table.clases td.header {width:160px;}
	.btn_2tercios {padding-top: 1em;}
	#extras #carro .nombre-tour, #extras #carro .fecha-tour {left: 0;}
	#extras #carro #tortas .precio-tour.total_pagar {border-bottom:1px dashed grey;margin-right:15px;width: calc(100% - 67px);}
	#extras #carro #tortas .nombre-tour {display: inline-block;line-height: normal;}

}

@media only screen and (max-width: 567px) { 
	.modal.extras, #modal_torta {height: auto;margin: 0;width: 100%;}
	#modal_torta_propia {height: 100%;margin: 0;width: 100%;}
	.modal.extras img, #modal_torta img {width: 100%;height: auto;}
	#extras a.torta {width:100%;max-width:100%}
	#extras #carro .precio-tour.total_pagar:before {content:'SUBTOTAL ';}
	#extras #carro .precio-tour.total_pagar {position:relative;top: unset;right: unset;width: 100%;padding: 10px 15px 0 15px;border-top: 1px dashed grey;margin-top: 10px;}
	#extras #carro .extra .precio-tour.total_pagar {position: absolute;top: 0;}
	#extras #carro .extra .precio-tour.total_pagar:before {display: none;}
	#extras #carro #tortas .precio-tour.total_pagar {padding: 5px 10px 5px 15px;border-top: none;margin-top: 0;margin-top: 0;}
}

@media only screen and (max-width: 499px) { 
	.tarifario table.clases td.header {width:125px;}
	
	#extras #carro .row.t-header.botones-carro .btn_1 {width:100%;margin: 0;}
	.container {padding-left: 10px;padding-right: 10px;}
	#extras #carro .row.tour.total-carro {min-width: auto;}
	#extras #carro .row.tour.total-carro h5.total_pagar {padding: 15px 15px 15px 0;margin: 0px;width: auto;}
	#extras #carro .tour.total-carro .col-md-3 {margin: 0;padding: 0;width: 150px;}
	#extras #carro .tour.total-carro .col-md-9 {margin: 0;padding: 0;width: calc(100% - 150px);}

}