.text-end { text-align: right } .ngstyle-btn-dark { background-color: #423f50 !important; color: #fff !important; } .ngstyle-btn-light { border: 1px solid #3333331c !important; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); background-color: #fff !important; color: #333 !important; width: 100%; height: 40px !important; padding-top: 1.3rem !important; } .ngstyle-btn-light:hover { border: 1px solid #efefef !important; } .ngstyle-btn-sm-light { border: 1px solid #3333331c !important; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); background-color: #fff !important; color: #333 !important; height: 40px !important; padding: 0.4rem 0.5rem 0.175rem 0.5rem !important; border-radius: 100px; } .ngstyle-btn-sm-light:hover { border: 1px solid #efefef !important; } .ngstyle-btn-dark:hover, .ngstyle-btn-light:hover, .ngstyle-btn-sm-light:hover { background: var(--main-color) !important; color: #fff !important; } .ngstyle-btn-main-color { border: 1px solid var(--main-color) !important; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); background-color: #fff !important; color: #333 !important; width: 100%; height: 40px !important; padding-top: 1.3rem !important; } .ngstyle-btn-main-color:hover { border: 1px solid var(--main-color) !important; background: var(--main-color) !important; color: #fff !important; } .ngstyle-btn-cuenta { display: block !important; font-size: 15px !important; font-weight: 600 !important; text-transform: uppercase !important; border-radius: 10px; padding: 10px 25px 7px 25px; background-color: var(--second-color) !important; color: #fff !important; margin-top: 20px !important; margin-bottom: 20px !important; letter-spacing: 1px !important; border: 2px solid transparent !important; font-family: 'Poppins', sans-serif } .ngstyle-btn-cuenta:hover { background: transparent !important; background-color: #fff !important; color: var(--main-color) !important; border: 2px solid var(--main-color) !important; } .ng-btn-user-edit:hover { background-color: var(--main-color) !important; color: #fff !important; border-radius: 1rem; content: 'Editar'; } .ngstyle-label-info { color: #777 !important; } .ngstyle-label-form { font-size: 14px; font-weight: 500; color: #333; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 0px; } .ng-style-border-danger { border: 2.5px solid #a94442 !important; border-radius: 23px; padding: 4px; display: block; } .ng-style-btn-side { display: flex; font-style: normal; font-weight: 400; list-style: none; overflow: hidden; box-shadow: 0 0 4px rgb(0 0 0 / 25%); background: #fff; padding: 14px 25px 14px 10px; transition: 0.5s; transform: rotate(0); cursor: pointer; border-radius: 30px; margin: 5px 5px 5px 5px; } .ng-style-btn-side:hover { background-color: var(--main-color) !important; color: #fff !important; } .ng-style-btn-side-text { display: block; color: var(--main-color); font-size: 1.5rem; text-transform: uppercase; font-weight: 500; } .ng-style-btn-side-text:hover, .ng-style-btn-side-text:hover .ng-style-btn-side-icon { color: #fff !important; } .ng-style-btn-side-icon { font-size: 3rem !important; margin-right: 10px !important; margin-left: 10px !important; float: left !important; } .ng-style-btn-side.active, .ng-style-btn-side.active .ng-style-btn-side-text { background: var(--main-color) !important; color: #fff !important; } .ng-btn-cart { margin-top: 0rem !important; top: 0.42rem; margin-left: 2rem !important; font-size: 2.4rem !important; color: #333333 !important; border-radius: 4rem; padding-top: 0.5rem !important; padding-right: 1.07rem !important; padding-left: 0.7rem !important; padding-bottom: 0.15rem !important; z-index: 1501; /* background-color: rgb(121 159 79 / 30%);*/ } .ng-btn-cart-count { background-color: var(--main-color); border-radius: 50%; color: #fff; display: inline-block; font-size: 1.2rem; min-width: 18px; width: auto; text-align: center; height: 18px; line-height: 19px; vertical-align: middle; white-space: nowrap; margin-left: 8px; position: absolute; top: 4px; right: 2px; padding: 0 2px; } .ng-btn-cart:hover { background-color: #4f057721; color: #333333f5 !important; } .ng-btn-sm { padding: 4px 7px !important; font-size: 1.4rem !important; } .ng-cart-box { background: #fff; width: 300px; border-radius: 3px; padding: 15px; display: none; position: absolute; -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%); -webkit-transition: all 0.3s ease-in-out; outline: none; list-style: none; text-decoration: none; box-sizing: border-box !important; font-family: open sans, sans-serif; font-weight: 400; -webkit-tap-highlight-color: transparent; text-align: left; z-index: 1000; /* right: 30px; */ top: 160px; } .ng-cart-box:after { content: ' '; position: absolute; height: 0; width: 23rem; bottom: 100%; right: 0px; border: solid transparent; border-bottom-color: #ffffff00; margin-left: 0px; border-width: 10px; padding: 44px 0px 1px 0px; } .ng-cart-box .cart-header { padding-bottom: 15px; } .ng-banner-background { background-attachment: fixed !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; padding-bottom: 40px !important; padding-top: 40px !important; } .ng-box-funciones { justify-content: center; display: -webkit-box; align-items: center; overflow-x: hidden; position: relative; } .ng-main-area { padding: 40px 0 10px; background-color: #f8faff; } .ng-style-card { border-radius: 2rem; box-shadow: 0 0 5px rgb(0 0 0 / 25%) !important; } /*@media (min-width: 768px) { .ng-user-side-bar { width: 200px !important; } }*/ .ng-h2-warning::after, .ng-h2-warning::before { border-bottom: 4px dotted #a94442 !important; } .ng-style-tab { display: block; color: var(--main-color); font-size: 1.7rem; text-transform: uppercase; font-weight: 500; border-radius: 2.5rem; padding: 3px 11px 1px 10px; } .ng-style-tab:hover, .ng-style-tab.active { color: #fff !important; background: var(--main-color) !important; } .tab-pane.active { display: block !important; } .ng-main-color { color: var(--main-color) !important; } .ng-second-color { color: var(--second-color) !important; } .ng-item-title { color: var(--main-color) !important; margin-bottom: 3.5rem; transform: rotate(0); } .ng-item-title::before { right: 0%; content: ''; position: absolute; bottom: -3rem; width: -webkit-fill-available; border-bottom: 2px var(--main-color); border-bottom-style: solid; } .ng-tab-title { color: var(--main-color) !important; margin-bottom: 3.5rem; transform: rotate(0); } .ng-tab-title::before { right: 0%; content: ''; position: absolute; bottom: -1.6rem; width: -webkit-fill-available; border-bottom: 2px var(--main-color); border-bottom-style: solid; } .ng-item-info { font-size: 1.8rem; margin-left: 1rem !important; margin-right: 1rem !important; margin-top: 0.25rem !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .ng-sector-divider { transform: rotate(0); } .ng-sector-divider::before { content: ''; position: absolute; top: -0.6rem; width: 30rem; border-bottom: 0.1px var(--main-color); border-bottom-style: double; } .ng-sector-divider::after { content: ''; position: absolute; bottom: -1.5rem; width: 16rem; border-bottom: 0.1px var(--main-color); border-bottom-style: double; } .ng-nav-carrito { margin-bottom: 2rem; padding-top: 1rem; padding-bottom: 1rem; display: flex !important; flex-wrap: wrap; } .ng-cursor-pointer { cursor: pointer; } .ng-hover-link:hover { background-color: #4f057721; border-radius: 1.2rem; } .ng-row-divider { border-top: solid 0.5px var(--main-color); padding: 1rem; /* display: flex; flex-wrap: wrap; */ } /*Ubicaciones reserva*/ .ng-image-card { opacity: 1; display: block; width: 100%; height: auto; transition: 0.5s ease; backface-visibility: hidden; background: var(--main-color); border-radius: 2.5rem; } .ng-card { transform: rotate(0); } .ng-card > .ng-image-card > img { border-radius: inherit; } .ng-card:hover > .ng-image-card > img { opacity: 0.4; transition: 0.5s ease; } /*Fechas*/ .ng-fechas-footer { background: var(--main-color) !important; position: fixed; bottom: 0rem; width: -webkit-fill-available; width: -apple-fill-available; width: -moz-available; min-height: 8rem; z-index: 1; } .ng-fechas-container { flex-wrap: wrap; max-width: 1200px; position: relative; left: 50%; transform: translate(-50%, 0); } .ng-fechas-center { display: flex; justify-content: center; } @media (min-width: 768px) { .ng-fechas-container > .main-search-form { margin-top: 13px; } } .ng-lista { display: flex; flex-wrap: wrap; justify-content: center; background-color: #fff; border-radius: 25px; box-shadow: 0 0 5px rgb(0 0 0 / 25%); padding: 1.4rem 0.5rem; } .ng-lista-item { margin: 0.4rem 1rem; width: -webkit-fill-available; width: -apple-fill-available; width: -moz-available; } .ng-lista-item-container { transform: rotate(0); display: flex; flex-wrap: wrap; width: -webkit-fill-available; width: -apple-fill-available; align-items: center; border: 1px solid #efefef; background-color: #fff; border-radius: 25px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; padding-bottom: 1rem; } .ng-lista-item-container.checked { border: 1px solid var(--main-color) !important; } .ng-lista-col { width: -webkit-fill-available; width: -apple-fill-available; } .ng-lista-col > span, .ng-lista-col > div > span, .ng-lista-col > a, .ng-lista-col > div > a, .ng-lista-col > div > div > a { /*fuente movil -----------------*/ font-size: 1.5rem; } .ng-checkbox-icon { color: var(--main-color); font-size: 3rem !important; } .ng-input-dark { border: 2px solid var(--main-color) !important; } .ng-input-dark:hover { color: var(--main-color) !important; background-color: #fff !important; border: 2px solid var(--main-color) !important; } .ng-badge-main-color, .ng-badge-second-color, .ng-badge-white, .ng-badge-success { color: white; background-color: var(--main-color); border-radius: 2rem; padding: 4px 8px 3px 7px; } .ng-badge-second-color { background-color: var(--second-color); } .ng-badge-white { background-color: #fff; color: var(--main-color); border: 2px solid #fff !important; } .ng-badge-white.checked { border: 2px solid var(--main-color) !important; } .ng-badge-success { background-color: #28a745; } @media (min-width: 768px) { .ng-lista { padding: 3rem 2rem; width: min-content; } .ng-lista-item { margin: 0.4rem 1rem; } .ng-lista-item-container { display: flex; flex-wrap: wrap; min-height: 4.3rem; min-width: 50rem; align-items: initial; padding: initial; width: max-content; } .ng-lista-col { min-width: min-content !important; width: initial; margin: 8px 1rem 6px 1rem; } .ng-lista-col > span, .ng-lista-col > div > span, .ng-lista-col > a, .ng-lista-col > div > a, .ng-lista-col > div > div > a { font-size: 1.4rem; /*fuente escritorio--------------------*/ } .ng-lista-item-container:hover { border: 1px solid var(--main-color) !important; } .ng-checkbox-icon { font-size: 2rem !important; } } @media (min-width: 1660px) { .ng-lista-col > span, .ng-lista-col > div > span, .ng-lista-col > a, .ng-lista-col > div > a, .ng-lista-col > div > div > a { font-size: 1.5rem; } } /* Carrito-reserva */ @keyframes spin { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(360deg); } } @-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-apple-keyframes spin2 { from { -apple-transform: rotate(0deg); } to { -apple-transform: rotate(360deg); } } @-moz-keyframes spin2 { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } .spinning { animation: spin 1s infinite linear; -webkit-animation: spin2 1s infinite linear; } .shaking { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } /* Entradas */ @media (max-width: 576px) { .ng-row-divider > div > span, .ng-row-divider > div > b { font-size: 1.6rem !important; font-weight: bold !important; } .ng-row-divider > div { margin-bottom: 1rem; } .ng-row-divider { border-radius: 1.2rem; border: 0.2px solid var(--main-color); margin-bottom: 1rem; margin-top: 1rem; padding: 1.5rem; } } @media (min-width: 768px) { .ng-width-md-10rem { width: 10rem !important; } .ng-width-md-11rem { width: 11rem !important; } .ng-width-md-12rem { width: 12rem !important; } .ng-width-md-13rem { width: 13rem !important; } .ng-width-md-14rem { width: 14rem !important; } .ng-width-md-15rem { width: 15rem !important; } .ng-width-md-16rem { width: 16rem !important; } .ng-width-md-17rem { width: 17rem !important; } .ng-width-md-18rem { width: 18rem !important; } .ng-width-md-20rem { width: 20rem !important; } .ng-width-md-21rem { width: 21rem !important; } .ng-width-md-22rem { width: 22rem !important; } .ng-width-md-23rem { width: 23rem !important; } .ng-width-md-24rem { width: 24rem !important; } .ng-width-md-25rem { width: 25rem !important; } .ng-width-md-26rem { width: 26rem !important; } .ng-width-md-27rem { width: 27rem !important; } .ng-width-md-28rem { width: 28rem !important; } .ng-width-md-29rem { width: 29rem !important; } .ng-width-md-30rem { width: 30rem !important; } .ng-width-md-31rem { width: 31rem !important; } .ng-width-md-32rem { width: 32rem !important; } .ng-width-md-33rem { width: 33rem !important; } .ng-width-md-34rem { width: 34rem !important; } .ng-width-md-35rem { width: 35rem !important; } .ng-width-md-36rem { width: 36rem !important; } .ng-width-md-37rem { width: 37rem !important; } .ng-width-md-38rem { width: 38rem !important; } .ng-width-md-39rem { width: 39rem !important; } .ng-width-md-40rem { width: 40rem !important; } .ng-row-divider > div > span, .ng-row-divider > div > b { font-size: 1.4rem !important; } .ng-row-divider > div > b { font-weight: bold !important; } .ng-ml-md-7rem { margin-left: 7rem !important; } .ng-row-divider.first { border-top: none; } } @media (max-width: 990px) { .ng-margin-mobile { margin-top: 5.9rem !important; } .ng-carrito-mobile { position: fixed; top: 12px; right: 6.5rem; z-index: 999999; } .ng-logo-mobile { position: fixed; top: -7px; left: 0rem; z-index: 999999; } .ng-carrito-mobile > .ng-btn-cart { color: #fff !important; } .ng-carrito-mobile > .ng-btn-cart > .ng-btn-cart-count { top: -1px; right: 2px; background-color: #333333d1; } } /* ----------------------------------------------------- bootstrap display ---------------------------------------------------------------*/ .bg-white { background-color: #fff; } .letter-spacing-normal { letter-spacing: normal !important; } .align-middle { vertical-align: middle !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } .text-white { color: #fff !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ''; background-color: rgba(0, 0, 0, 0); } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .modal-drawer-right { right: 0 !important; box-shadow: -1px 0 3px 0 rgba(20, 20, 31, 0.15) !important; } .modal.fade .modal-drawer-right { -webkit-transform: translate3d(100%, 0, 0) !important; transform: translate3d(100%, 0, 0) !important; } .modal-drawer-right .modal-content { border-width: 0 0 0 1px !important; } .modal.show .modal-drawer-right, .modal.show .modal-drawer-left { -webkit-transform: translate(0); transform: translate(0); } .tooltip-inner { font-family: 'Roboto', sans-serif !important; font-size: 1.3rem !important; font-weight: 500; } @media (max-width: 767px) { .container { width: -webkit-fill-available !important; } } .ng-min-height { min-height: 85vh; } @media (min-width: 768px) { .ng-min-height { min-height: calc(80vh - 100px); } } .popular_package_area { background-color: #f8faff; } @media (min-width: 768px) { .single_feature { padding: 1.5rem !important; } .feature_content { min-height: 180px; display: flex; flex-wrap: wrap; align-content: stretch; } .feature_content p { margin-bottom: auto; } .feature_content h2 { width: -webkit-fill-available; width: -moz-available; margin: 15px 0 15px; max-height: 40px; } .nivo-caption, .nivoSlider, .nivoSlider img { height: 547px !important; } .nivoSlider img, .nivo-main-image { object-fit: cover; object-position: center; } } h2 .texto-resaltado { background-color: var(--second-color); } .single_package { background-color: #fff; } .blog_dtl_content { padding: 0 15px; } .area-reglamento { box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15); margin-bottom: 30px; border-radius: 15px; padding: 10px; background-color: #fff; } .second-color { color: var(--second-color); } .content-center { justify-content: center; } .align-center { align-content: center } .search_bar input { width: 100%; height: 63px; padding-left: 33px; border-radius: 30px; display: flex; justify-content: center; cursor: text; align-content: center; font-size: 2rem; border: 1px solid #efefef; color: #333; } .search_bar input::placeholder { font-family: 'Roboto', sans-serif; } .search_bar input:focus { border-color: var(--main-color); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(3, 169, 244, 0.5); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(3, 169, 244, 0.5); outline: 0 none; } .search_button { width: 45px; height: 44px; border: 0; background: var(--main-color) none repeat scroll 0 0; color: #fff; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; text-transform: uppercase; font-weight: 500; position: absolute; font-size: 15px; right: 10px; top: 10px; border-radius: 30px; letter-spacing: 2px; padding: 5.5px 6.5px 6.5px 4px; } .search_button:hover { background: #0D2352; color: #fff; } .search_button i { font-size: 30px; cursor: text; margin: auto; } .align-end { align-content: end; }

.row {
    display: flex;
    flex-wrap: wrap;
}