@import url("https://fonts.googleapis.com/css?family=Tienne:900&display=swap");

.section_banner {
    height: 500px;
    background-color: gray;
    padding: 150px 0px;
    overflow: hidden;
    position: relative;
    z-index: 15;
}
.section_banner .parallax {
    position: absolute;
    width: 100%;
    height: 150%;
    background-size: cover;
    top: -50%;
    z-index: 5;
    background-position: center center;
}
.section_banner .title {
    position: relative;
    display: inline-block;
}
.section_banner .title h1 {
    z-index: 10;
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    color: #fff;
    padding: 7px 28px;
    border-radius: 7px;
    font-size: 45px;
    position: relative;
    background-size: cover;
    background-position: center center;
}
.section_banner .title h1.purple {
    background-color: #7d287a;
    background-image: url("../../images/atracciones/titlebg.png");
}
.section_banner .title h1.orange {
    background-color: #cf612f;
    background-image: url("../../images/tienda/titlebg.png");
}
.section_banner .title h1.green {
    background-color: #bfdd3e;
    background-image: url("../../images/hospedaje/titlebg.png");
}
.section_banner .title h1.pink {
    background-color: #c42751;
    background-image: url("../../images/paquetes/titlebg.png");
}
.section_banner .title h1.blue {
    background-color: #209b9e;
    background-image: url("../../images/planea-tu-visita/titlebg.png");
}
.section_banner .title h1 + div {
    background-color: #0071b8;
    z-index: 11;
    color: #fff;
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    display: inline-block;
    position: absolute;
    font-size: 25px;
    padding: 4px 20px 1px;
    border-radius: 7px;
    -webkit-transform: translate(80px, -12px);
    transform: translate(80px, -12px);
}
.blue {
    color: #209b9e;
}

.section_banner .title img {
    position: absolute;
    width: 100%;
    z-index: 11;
    top: -53%;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.section_banner .title img.vip {
    width: 130%;
    top: -52%;
    left: -12%;
}
@media (max-width: 767px) {
    .section_banner {
        height: auto;
    }
    .section_banner .title h1 {
        font-size: 35px;
    }
    .section_banner .title h1 + div {
        font-size: 19px;
        -webkit-transform: translate(40px, -12px);
        transform: translate(40px, -12px);
    }
}

#attraction-buttons {
    margin-top: -65px;
    position: relative;
    z-index: 16;
}
#attraction-buttons .button {
    color: #ffffff !important;
    text-align: center;
    box-shadow: 5px 5px 0px rgba(92, 92, 92, 0.47);
    width: 100%;
    margin-bottom: 25px;
}
#attraction-buttons .button .category {
    letter-spacing: -12px;
    line-height: 23px;
    padding-top: 26px;
    -webkit-transform: translateX(-7px);
    transform: translateX(-7px);
}
#attraction-buttons .button .number {
    font-size: 70px;
    line-height: 78px;
    text-shadow: 2px 2px 1px rgba(1, 1, 1, 0.6);
}
#attraction-buttons .button .category span {
    font-family: "Tienne", serif;
    font-size: 80px;
}
#attraction-buttons .button .category span.lighter {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

#attraction-buttons .button .name {
    line-height: 20px;
    margin-bottom: 10px;
}
#attraction-buttons .button img {
    width: 100%;
}
#attraction-buttons .title {
    font-size: 32px;
    line-height: 30px;
    padding-top: 17px;
    margin-bottom: 12px;
}
#attraction-buttons .icons {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
#attraction-buttons .icons img {
    width: auto;
    height: 40px;
    margin: 0px 5px;
    display: inline-block;
    vertical-align: top;
}

#attraction-buttons.xs .icons img {
    height: 33px;
    margin: 0px 0px;
}
#attraction-buttons.xs .title {
    font-size: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    #attraction-buttons .button .category span {
        font-size: 65px;
    }
    #attraction-buttons .button .name {
        font-size: 0.6rem;
    }
    #attraction-buttons .button {
        padding: 2px 8px;
    }
    #attraction-buttons.xs .title {
        font-size: 14px;
        line-height: 13px;
    }
}
@media (max-width: 767px) {
    .button {
        padding: 2px 10px;
    }
    #attraction-buttons .button br {
        display: none;
    }
    #attraction-buttons .button .number {
        font-size: 40px;
        line-height: 55px;
    }
    #attraction-buttons .button .name {
        line-height: 16px;
        font-size: 15px;
    }
    #attraction-buttons .title {
        font-size: 22px;
        line-height: 21px;
    }
    #attraction-buttons .icons img {
        height: 26px;
    }
}

#text-intro {
    text-align: center;
    padding: 30px 0px 50px;
}
#text-intro .title {
    text-transform: uppercase;
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 10px;
}
#text-intro .title.orange {
    color: #ed6e21;
}
#text-intro .title.purple {
    color: #1b1464;
}

#attractions {
}
#attractions #atracciones_extremas,
#attractions #atracciones_aventura,
#attractions #atracciones_familiares {
    margin-bottom: 80px;
}

#attractions .barra.naranja {
    background-color: #ee6e21;
}
.attraction {
    margin-bottom: 30px;
    color: #fff;
    font-family: "Insaniburger", "Baloo Bhaina";
}
.attraction .header {
    background-color: gray;
    height: 200px;
    text-align: center;
    padding: 20px 15px;
    border-radius: 20px 20px 0px 0px;
    position: relative;
    text-transform: uppercase;
    background-size: cover;
    background-position: center center;
    text-align: left;
}
.attraction .header .title {
    color: #ffffff;
    display: inline-block;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 34px;
    border-radius: 19px;
    text-shadow: 2px 2px 2px black;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    line-height: 26px;
}
.attraction .header .intensity {
    font-family: "Tienne", serif;
    position: absolute;
    padding: 0px 9px 0px 5px;
    font-size: 35px;
    font-weight: bold;
    letter-spacing: -5px;
    border-radius: 10px 10px 0px 0px;
    bottom: -4px;
    right: 15px;
    line-height: 44px;
    color: #ffffff;
}
.attraction .header .intensity .lighter {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.attraction .footer {
    padding: 15px;
    border-radius: 0px 0px 20px 20px;
    color: #fff;
}
.attraction .footer .description {
    font-family: "Quicksand", sans-serif;
    font-size: 13px;
    font-weight: 500;
}
.attraction .footer .details {
    position: relative;
    width: 100%;
}
.attraction .footer .detail {
    display: inline-block;
    width: 62px;
    text-align: center;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 20px;
}
.attraction .footer .detail img {
    width: 65%;
    margin-bottom: 8px;
}
.attraction .footer .detail .helper {
    font-size: 13px;
}
.attraction .footer .detail .information {
    font-family: "Quicksand", sans-serif;
    font-size: 11px;
    font-weight: 500;
}

.attraction.red .footer,
.attraction.red .intensity {
    background-color: #c21c12;
}
.attraction.red .header .title {
    background-color: #0d479b;
}

.attraction.orange .footer,
.attraction.orange .intensity {
    background-color: #ee6e21;
}
.attraction.orange .header .title {
    background-color: #88c23f;
}

.attraction.yellow .footer,
.attraction.yellow .intensity {
    background-color: #eeb12b;
}
.attraction.yellow .header .title {
    background-color: #e22579;
}

.attraction.green .footer,
.attraction.green .intensity {
    background-color: #83ab3f;
}
.attraction.green .header .title {
    background-color: #7d287a;
}

.attraction.blue .footer,
.attraction.blue .intensity {
    background-color: #00a6bb;
}

.attraction.blue .header .title {
    background-color: #eeb12b;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .attraction .header .title {
        font-size: 22px;
    }
}
@media (min-width: 1200px) {
    .attraction .header .title {
        word-break: break-word;
        font-size: 27px;
    }
}

.layout-50-50 {
    position: relative;
    overflow: hidden;
}
.layout-50-50 .image {
    width: 100%;
    background-color: gray;
}
.layout-50-50 .image .parallax {
    position: absolute;
    width: 100%;
    height: 150%;
    background-size: cover;
    top: -50%;
    z-index: 5;
    background-position: center center;
    background-color: gray;
}
.layout-50-50 .content {
    padding: 50px 7%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: #ffffff;
}
.layout-50-50 .content.pink {
    background-color: #df355e;
    background-image: url("../../images/experiencia-vip/fondo-rosa.png");
}
.layout-50-50 .content.pink .button {
    background-color: #81bf27;
}
.layout-50-50 .content.pink .button.sm {
    background-color: #00afc3;
}
.layout-50-50 .content.blue {
    background-color: #2c93cf;
    background-image: url("../../images/experiencia-vip/fondo-azul.png");
}
.layout-50-50 .content.blue .button {
    background-color: #df355e;
}
.layout-50-50 .content.blue .button.sm {
    background-color: #eeb12b;
}
.layout-50-50 .content.yellow {
    background-color: #f5bb14;
    background-image: url("../../images/planea-tu-visita/bg-nlo.png");
    color: #fff;
}
.layout-50-50 .content.yellow .button {
    background-color: #d3165e;
}
.layout-50-50 .content.yellow .button.sm {
    background-color: #0d479b;
}
.layout-50-50 .content.white {
    color: #000000;
    background-color: #ffffff;
}
.layout-50-50 .content.purple {
    background-color: #7d287a;
    background-image: url("../../images/planea-tu-visita/bg-tips.png");
}
.layout-50-50 .content.purple .title h2 {
    background-color: #00afc3;
    font-size: 36px;
    max-width: 400px;
    line-height: 35px;
    text-align: center;
    text-shadow: -4px 0px 0px rgba(0, 0, 0, 0.3);
}
.layout-50-50 .content.green {
    background-color: #8dad25;
    background-image: url("../../images/planea-tu-visita/no-se-permite.png");
}
.layout-50-50 .content.green .title h2 {
    background-color: #ee6e21;
    font-size: 36px;
    max-width: 400px;
    line-height: 35px;
    text-align: center;
    text-shadow: -4px 0px 0px rgba(0, 0, 0, 0.3);
}
.layout-50-50 .content.green2 {
    background-color: #8dad25;
    background-image: url("../../images/experiencia-vip/fondo-verde.jpg");
}
.layout-50-50 .content.green2 .button {
    background-color: #ee6e21;
}
.layout-50-50 .content.green2 .button.sm {
    background-color: #0d479b;
}

.layout-50-50 .content .title {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
}
.layout-50-50 .content .title h2 {
    z-index: 10;
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    color: #fff;
    border-radius: 7px;
    font-size: 65px;
    position: relative;
    padding: 19px 28px;
    line-height: 51px;
    background-color: #7d287a;
}
.layout-50-50 .content .title h2 + div {
    z-index: 11;
    color: #fff;
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    font-size: 65px;
    padding: 20px 20px 1px;
    border-radius: 7px;
    -webkit-transform: translate(80px, -12px);
    transform: translate(80px, -12px);
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
    line-height: 40px;
}
.layout-50-50 .content .title h2 + div.blue {
    background-color: #00afc3;
}
.layout-50-50 .content .title h2 + div.blue2 {
    background-color: #0d479b;
}
.layout-50-50 .content .title h2 + div.green {
    background-color: #7abb43;
}
.layout-50-50 .content .title h2 + div > span {
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    text-transform: none;
    display: block;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    text-align: right;
}
.layout-50-50 .content .title h2 + div > sup {
    font-size: 29px;
}

.layout-50-50 .content .title img {
    position: absolute;
    height: 62%;
    z-index: 11;
    top: 7%;
    right: -10%;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.layout-50-50.img-right .content .title img {
    right: -5%;
    height: 83%;
    top: -12%;
}
.layout-50-50.img-right .content .title img.title-vip2,
.title-vip2 {
    right: -10%;
    height: 90%;
}

.layout-50-50 .content .text1 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 13px;
    line-height: 19px;
}
.layout-50-50 .content .button {
    color: #ffffff !important;
    text-align: center;
    margin-right: 15px;
    vertical-align: middle;
    margin-bottom: 20px;
    padding: 2px 50px;
}
.layout-50-50 .content .text-bold {
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px;
}
.layout-50-50 .content .text-bold.pink {
    color: #ca1f65;
}
.layout-50-50 .content .text-small {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
}
.layout-50-50 .content .text-small span {
    color: #8f278b;
}
.layout-50-50 .content .button.sm {
    padding: 2px 20px;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    font-size: 22px;
}

.layout-50-50 .content .links img {
    width: 100%;
    max-width: 400px;
    margin-bottom: 25px;
}

#tips ul li,
#restricciones-del-parque ul li {
    font-size: 19px;
    margin-bottom: 6px;
    font-weight: 600;
}

#tips.layout-50-50 .content .title img {
    height: 115%;
    right: -8%;
    top: -17%;
}
#restricciones-del-parque.layout-50-50 .content .title img {
    height: 129%;
    right: -8%;
    top: -17%;
}

@media (min-width: 768px) {
    .desktop {
        display: block;
    }
    .mobile {
        display: none;
    }
}
@media (max-width: 767px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .layout-50-50 .image {
        height: 300px;
    }
    .layout-50-50 .content .title h2 {
        font-size: 40px;
        line-height: 41px;
    }
    .layout-50-50 .content .title h2 + div {
        font-size: 47px;
    }
    .layout-50-50 .image {
        overflow: hidden !important;
        position: relative;
    }
    .logo_and_title .title_ {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

#restricciones {
    background-color: #fff;
    text-align: center;
    padding: 50px 0px;
}

#restricciones .title {
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    color: #bd272d;
    font-size: 25px;
    margin-bottom: 15px;
}

.logo_and_title {
    position: relative;
    margin-bottom: 30px;
    z-index: 19;
    display: block;
}
.logo_and_title > img {
    width: 150px;
    display: inline-block;
}
.logo_and_title .title_ {
    position: relative;
    display: inline-block;
    margin-left: 25px;
}
.logo_and_title .title_ div {
    background-color: #f8931e;
    display: inline-block;
    color: #fff;
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    padding: 6px 23px;
    margin-left: 30px;
    font-size: 35px;
    line-height: 33px;
    border-radius: 16px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
    position: relative;
    z-index: 10;
}
.logo_and_title .title_ div.green {
    background-color: #abcf37;
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
}
.logo_and_title .title_ div.pink {
    background-color: #e9355e;
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
}
.logo_and_title .title_ img {
    position: absolute;
    width: 109%;
    left: 0;
    z-index: 11;
    top: -43%;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.button.prices {
    font-size: 15px !important;
    text-align: left !important;
    padding: 11px 21px !important;
}
.button.prices .black {
    padding-left: 15px;
    color: black;
}
.button.prices .yellow {
    padding-left: 15px;
    color: #f8931e;
}
.web-links {
    margin-top: 26px;
}
.web-links .button {
    padding: 2px 15px !important;
    cursor: pointer;
    box-shadow: 3px 4px 0px rgba(0, 0, 0, 0.4);
}

.paquete {
    margin-bottom: 30px;
    color: #fff;
}

.paquete .cabecera {
    background-color: #8e270b;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    padding: 15px;
}
.paquete .cabecera .nombre {
    font-size: 40px;
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    line-height: 35px;
}
.paquete .cuerpo {
    padding: 20px 15px;
}
.paquete .cuerpo table {
    width: 100%;
}
.paquete .cuerpo .precio {
    text-align: center;
}
.paquete .cuerpo .precio > div:first-of-type {
    font-size: 33px;
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    line-height: 30px;
}
.paquete .cuerpo .precio.bigger > div:first-of-type {
    font-size: 50px;
    line-height: 43px;
}
.paquete .cuerpo .precio > div:last-of-type {
    text-transform: uppercase;
    font-size: 12px;
}
.paquete .cuerpo .detalle {
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.paquete .cuerpo .detalle.bigger {
    font-size: 20px;
}
.paquete .cuerpo .descripcion {
    font-size: 13px;
}
.paquete .cuerpo .descripcion p {
    margin-bottom: 5px;
}

.paquete .pie {
    padding: 2px 15px 20px;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
}
.paquete .pie .iconos {
    text-align: center;
    margin: 0px 0px 30px;
}
.paquete .pie .iconos img {
    width: 50px;
}
.paquete .pie .button,
.paquete .cuerpo .button {
    background-color: #eeb12b;
    padding: 2px 20px;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    font-size: 22px;
    color: #ffffff !important;
}
.paquete.rojo {
}
.paquete.rojo .cabecera {
    background-color: #8e270b;
}
.paquete.rojo .cuerpo,
.paquete.rojo .pie {
    background-color: #bd272d;
}
.paquete.azul {
}
.paquete.azul .cabecera {
    background-color: #0071b8;
}
.paquete.azul .cuerpo,
.paquete.azul .pie {
    background-color: #29a7de;
}
.paquete.verde {
}
.paquete.verde .cabecera {
    background-color: #518319;
}
.paquete.verde .cuerpo,
.paquete.verde .pie {
    background-color: #83ab3f;
}
.paquete.morado {
}
.paquete.morado .cabecera {
    background-color: #502970;
}
.paquete.morado .cuerpo,
.paquete.morado .pie {
    background-color: #773e93;
}
.paquete.rosa {
}
.paquete.rosa .cabecera {
    background-color: #a22080;
}
.paquete.rosa .cuerpo,
.paquete.rosa .pie {
    background-color: #d7208a;
}
.paquete.naranja {
}
.paquete.naranja .cabecera {
    background-color: #cd4e27;
}
.paquete.naranja .cuerpo,
.paquete.naranja .pie {
    background-color: #ee6e21;
}
.paquete.rosa2 {
}
.paquete.rosa2 .cabecera {
    background-color: #b11f5e;
}
.paquete.rosa2 .cuerpo,
.paquete.rosa2 .pie {
    background-color: #df355e;
}
.paquete.rosa3 {
}
.paquete.rosa3 .cabecera {
    background-color: #881f5e;
}
.paquete.rosa3 .cuerpo,
.paquete.rosa3 .pie {
    background-color: #b11f5e;
}
.paquete.aqua {
}
.paquete.aqua .cabecera {
    background-color: #00877f;
}
.paquete.aqua .cuerpo,
.paquete.aqua .pie {
    background-color: #00a599;
}
.paquete.aqua2 {
}
.paquete.aqua2 .cabecera {
    background-color: #00717f;
}
.paquete.aqua2 .cuerpo,
.paquete.aqua2 .pie {
    background-color: #00877f;
}
.paquete.azulobs {
}
.paquete.azulobs .cabecera {
    background-color: #032049;
}
.paquete.azulobs .cuerpo,
.paquete.azulobs .pie {
    background-color: #002771;
}

.paquete.gris .cuerpo,
.paquete.gris .pie {
    background-color: #d3d3d3;
    color: #000000;
}

.producto {
    margin-bottom: 30px;
    color: #fff;
}

.producto .cabecera {
    background-color: #9e9e9e;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    padding: 2px 15px;
}
.producto .cabecera .nombre {
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    font-size: 33px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.producto .cabecera .nombre span {
    font-size: 20px;
    display: block;
}
.producto .cuerpo {
    padding: 20px 15px;
    background-color: #d3d3d3;
    color: #000000;
}
.producto .cuerpo table {
    width: 100%;
}
.producto .cuerpo .precio {
    text-align: center;
    margin-bottom: 20px;
}
.producto .cuerpo .precio > div:first-of-type {
    font-size: 33px;
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    line-height: 30px;
}
.producto .cuerpo .precio.bigger > div:first-of-type {
    font-size: 50px;
    line-height: 43px;
}
.producto .cuerpo .precio > div:last-of-type {
    text-transform: uppercase;
    font-size: 12px;
    color: #575757;
}
.producto .cuerpo .detalle {
    font-size: 12px;
    margin-bottom: 20px;
    text-align: center;
}
.producto .cuerpo .detalle.bigger {
    font-size: 20px;
}
.producto .cuerpo .descripcion {
    font-size: 13px;
}
.producto .cuerpo .descripcion p {
    margin-bottom: 5px;
}
.producto .cuerpo .calc div.pr {
    font-size: 11px;
    margin-top: 10px;
    color: #6e6e6e;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    margin-bottom: 10px;
}
.producto .cuerpo .calc div.pr.shown {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.producto .cuerpo .button {
    background-color: #eeb12b;
    padding: 2px 20px;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    font-size: 22px;
    color: #ffffff !important;
}
.producto .cuerpo .calendario {
    margin-bottom: 30px;
    max-width: 143px;
    text-align: center;
    height: 36px;
    border: 0px solid transparent;
    cursor: pointer;
}

/*DATEPICKER*/
.datepicker {
    border-radius: 0px !important;
    padding: 0px;
    background-color: #03afbc;
    color: #fff;
    padding: 10px 15px;
    border: 0px solid transparent;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
}

.datepicker th,
.datepicker table tr td {
    text-align: center;
    padding: 2px 10px;
}
.datepicker .datepicker-switch {
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover,
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover,
.datepicker table tr td.new,
.datepicker table tr td.old {
    color: rgba(255, 255, 225, 0.2);
    background-color: transparent !important;
    cursor: not-allowed;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled],
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
    background-color: #fff !important;
    background-image: none;
    color: #03afbc;
}
.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: rgba(49%, 15.7%, 47.8%, 0.3);
}
.datepicker table tr td.day {
    cursor: pointer;
}
.datepicker table tr td.day.disabled {
    cursor: default;
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
    background: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* DATERANGEPICKER  */
.daterangepicker {
    background-color: #03afbc;
    border: 0px solid transparent;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
    color: white;
    font-family: "Quicksand", sans-serif;
}
.daterangepicker .calendar-table {
    background-color: transparent;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: transparent;
    border-color: transparent;
    color: #fff !important;
    opacity: 0.3;
    text-decoration: none !important;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    min-width: 37px;
    width: 37px;
    height: 29px;
    line-height: 24px;
    font-size: 16px;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border-color: #fff;
}
.daterangepicker th.month {
    width: auto;
    font-family: "Insaniburger";
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #fff;
    border-color: transparent;
    color: #03afbc;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: rgba(49%, 15.7%, 47.8%, 0.3);
}
.daterangepicker.drop-up::after {
    border-top: 6px solid #03afbc;
}

.producto .pie {
    padding: 10px 15px 15px;
    background-color: #9e9e9e;
    border-radius: 0px 0px 10px 10px;
    text-align: center;
    color: #000000;
}
.producto .pie .toggle .switch {
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
}
.producto .pie .toggle .switch img {
    width: 13px;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.producto .pie .toggle .switch.visible img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.producto .pie .toggle .descripcion {
    text-align: left;
    font-size: 13px;
    display: none;
    margin-top: 15px;
    color: #fff;
}
.producto .spinner {
}
.producto .spinner + .input-group {
    max-width: 140px;
    margin: auto;
}
.producto .spinner + .input-group .btn {
    border-radius: 0px;
}
.producto .spinner + div .form-control {
    border: 1px solid white !important;
    box-shadow: none !important;
}
.btn-outline-secondary {
    color: #7d287a !important;
    background-color: #fff !important;
    border: 0px solid transparent;
    font-size: 40px;
    line-height: 0px;
}

.input {
    display: block;
    width: 100%;
}
.input.calendario {
    text-align: center;
    cursor: pointer;
    padding: 30px 10px;
    font-size: 24px;
    background-color: #f7f7f7;
    border: 0px solid transparent;
    text-transform: capitalize;
}
@media (max-width: 767px) {
    .input.calendario {
        font-size: 18px;
    }
}

.barra {
    border-radius: 10px;
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    font-size: 35px;
    color: #ffffff;
    padding: 10px 15px;
    margin-bottom: 30px;
}
.barra img {
    width: 40px;
}
.barra.naranja {
    background-color: #ee5406;
}
.barra.azul {
    background-color: #00a6bb;
}
.barra.azul2 {
    background-color: #0059a9;
}
.barra.rosa {
    background-color: #d52e54;
}
.barra.verde {
    background-color: #8dad25;
}
.barra.roja {
    background-color: #c21c12;
}
.barra.amarilla {
    background-color: #eeb12b;
}
.barra.morada {
    background-color: #603c96;
    font-size: 22px;
    text-align: center;
}
.barra.morada2 {
    background-color: #7d287a;
    font-size: 16px;
}
.barra.morada2 span {
    color: #f18d1e;
}
.barra.gris {
    background-color: #d0d0d0;
    color: #000000;
    font-size: 13px;
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    text-transform: none;
}
.barra.gris p {
    margin-bottom: 6px;
}
.barra .category {
    display: inline-block;
    margin-right: 15px;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.barra .category span {
    font-family: "Tienne", serif;
    font-size: 50px;
    line-height: 0;
    letter-spacing: -8px;
}
.barra .category span.lighter {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.barra_animada {
    position: relative;
    margin-bottom: 100px;
    margin-top: 50px;
}
.barra_animada > * {
    position: relative;
    z-index: 11;
}
.barra_animada img {
    width: 110%;
    position: absolute;
    top: -25px;
    left: -5%;
    z-index: 10;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.atencion_grupos {
    background-color: #e9355e;
    padding: 150px 0px;
    background-image: url("../../images/paquetes/bg-atencion.png");
    background-size: cover;
    background-position: center center;
}
.atencion_grupos .animacion {
    position: relative;
}
.atencion_grupos .animacion > img {
    z-index: 9;
    width: 110%;
    position: absolute;
    top: -25px;
    left: -5%;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.atencion_grupos .animacion .mensaje {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 0px rgba(92, 92, 92, 0.47);
    color: #2c90cc;
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    text-align: center;
    padding: 28px 20px;
    font-size: 25px;
    position: relative;
    z-index: 10;
}
.atencion_grupos .animacion .mensaje .alt {
    color: #7d287a;
    font-size: 35px;
}

.line-message {
    background-color: #d52e54;

    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-size: 35px;
    text-shadow: -3px 3px 0px #ac1a3d;
}
.line-message.orange {
    background-color: #ea6124;
}
.line-message .container {
    position: relative;
    background-image: url("../../images/planea-tu-visita/barra.png");
    padding: 50px 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.line-message.orange .container {
    background-image: url("../../images/planea-tu-visita/barra2.png");
}

.line-message#app img {
    max-width: 153px;
}
.line-message#app a {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.disclaimer {
    padding-top: 30px;
}

#como-llegar {
    font-size: 0;
    position: relative;
}
#como-llegar iframe {
    width: 100%;
    position: relative;
    z-index: 10;
}
#como-llegar .titulo {
    position: absolute;
    z-index: 12;
    background-color: #f3b70d;
    top: 10px;
    left: 10px;
    width: 375px;
    height: 135px;
    text-align: center;
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    color: #fff;
    font-size: 40px;
    text-shadow: 3px 0px 0px #cc8537;
    padding: 26px 10px;
    border-radius: 12px;
}
#como-llegar .titulo a {
    color: #ffffff !important;
}
#como-llegar .titulo a span {
    display: block;
    font-size: 15px;
}
#como-llegar img {
    z-index: 11;
    top: 3px;
    position: absolute;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    width: 35%;
    left: -4%;
}

#cliente-banamex {
    padding: 50px 0px;
}

#cliente-banamex .titulo {
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    color: #002771;
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
}

#promociones img {
    width: 100%;
    margin-bottom: 30px;
}

#footer-boletos {
    position: relative;
    padding: 50px 0px 25px;
}
#footer-boletos .banner {
    background-size: cover;
    background-position: center center;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding: 40px 6%;
    margin-bottom: 25px;
}
#footer-boletos .banner.blue {
    background-image: url("../../images/boletos/bg1.jpg");
    background-color: #07315c;
    border-radius: 0px 15px 15px 0px;
}
#footer-boletos .banner.pink {
    background-image: url("../../images/boletos/bg2.jpg");
    background-color: #e5355e;
    border-radius: 15px 0px 0px 15px;
}
#footer-boletos .banner .title {
    font-size: 60px;
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    line-height: 60px;
    margin-bottom: 22px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
#footer-boletos .banner .button {
    background-color: #eeb12b;
    padding: 2px 20px;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    font-size: 22px;
    color: #ffffff !important;
}
@media (max-width: 575px) {
    #footer-boletos .banner {
        font-size: 18px;
    }

    #footer-boletos .banner .title {
        font-size: 30px;
        line-height: 30px;
    }
}

/* ESTILOS ALERTS */

.confirm-error {
    border-radius: 25px !important;
}

.icon-error {
    color: #df355e !important;
    border-color: #df355e !important;
}

.icon-error .swal2-x-mark-line-right,
.icon-error .swal2-x-mark-line-left {
    background-color: #df355e !important;
    border-color: #df355e;
}

.space-bottom {
    height: 100px;
}

.nota span {
    color: #f18d1e;
    font-weight: bold;
}

.alerta-navegador {
    background-color: #ed6e21;
    color: #fff;
    font-size: 16px;
    padding: 15px;
    margin-bottom: 20px;
}

.alerta-navegador a {
    color: inherit;
    text-decoration: underline;
}

.alerta-navegador .titulo {
    font-family: "Insaniburger", "Baloo Bhaina";
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 10px;
}