/* 
    Created on : 29 may. 2025, 14:15:25
    Author     : Eric Palacios Portilla
*/
.navbar-custom {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}
.navbar.navbar-expand-custom.bg-dark.navbar-dark.navbar-custom {
    background-color: transparent !important;
}
.navbar-custom .bg-nav-top2 {
    position: absolute;
    right: 0;
    top: 10px;
    width: 320px;
    height: 36px;
    border-radius: 40px;
    margin-right: 26px;
}
.navbar-custom  .custom-toggler.navbar-toggler {
    border-color: #ffffff;
}
.navbar-custom .navbar-nav .dropdown-menu {
    position: absolute;

}
.navbar-custom .dropdown-menu {
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #000000;
}
.navbar-custom .dropdown-item {
    color: #ffffff;

}
.navbar-custom .dropdown-item:focus, .navbar-custom .dropdown-item:hover {
    background-color: #fc5900;
}
.right-drop .dropdown-menu {
    position: absolute;
    left: -80px;
}
.container-footer-comprar{
    position: absolute;
    width: 200px;
    height: 150px;
    right: 0;
    top: 35%;
    background-color: #fe7302;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    z-index: 10000;
    padding: 15px;
}
.container-footer-comprar-titulo{
    position: relative;
    width: 100%;
    min-height: 20px;
    height: auto;
    overflow: hidden;

}
.container-footer-txt-titulo{
    position: relative;
    float: left;
    width: calc(100% - 32px);
}
.icon-ticket{
    position: relative;
    float: left;
    background-image: url(../images/boleto.svg);
    width: 32px;
    height: 32px;
    margin-top: 8px;
}
.container-footer-comprar h1{
    font-family: 'din_next_lt_proMdCn';
    font-size: 45px;
    line-height: 1;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
}
.btn-comprar-footer{
    font-family: 'DMSansmedium';
    border-radius: 30px;
    background-color: black;
    border-color: black;
    padding-top: 5px;
}
.btncomprar-footer:hover{
    background-color: #272727;
    border-color: #272727;
}
.container-footer-txt{
    position: relative;
    width: 100%;
    min-height: 20px;
    height: auto;
    overflow: hidden;
    margin-top: 15px;
}
.container-footer-txt p{
    font-family: 'DMSansmedium';
    font-size: 13px;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 5px;
    text-align: left;
}
.header_nosotros {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_nosotros.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}
.header_planifica {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_boletos.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}
.header_boletos {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_boletos.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}
.container-descripcion-2 {
    font-family: 'DMSansmedium';
    font-size: 17px;
    padding-top: 45px;
    padding-bottom: 45px;
    line-height: 1.1;
    /* margin-top: 20px; */
    margin-bottom: 40px;
    text-align: justify;
    background-image: url(../images/fondo_interior-2.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.bg-header .header-bottom-bg {
    position: absolute;
    background-image: url(../images/pleca_puntos3.webp);
    background-color: transparent;
    background-repeat: repeat-x;
    width: 100%;
    height: 24px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    bottom: 4px;
}

.container-bg-contacto-2{
    position: relative;
    width: 100%;
    min-height: 300px;
    height: auto;
    background-color: #0b7287 ;
}
.container-bloque-1 h1{
    font-family: 'DMSansbold';
    color: #ffffff;
    font-size: 45px;
    line-height: 1;
}
.precio{
    font-family: 'DMSansmedium';
    font-size: 20px;
    line-height: 1;
    color: #ffffff;
    padding-top: 8px;
}
.precio span{
    font-size: 12px;
}
.container-bg-contacto-2 label{
    font-family: 'DMSansmedium';
    font-size: 18px;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 17px;

}
#formulario-2 .form-control {
    height: calc(2rem + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 14px;
    color: #ffffff;
    background-color: #064569;
    background-clip: padding-box;
    border: 1px solid #064569;
    border-radius: .45rem;
    font-weight: 600;
}
#formulario-2 .form-control::placeholder{
    color: #ffffff;
}
#formulario-2 select.form-control:focus {
}
.precio-total{
    text-align: right;
}
.precio-letras{
    font-size: 15px;
    margin-top: 5px;
    font-size: 12px;
}
select {
    background-image:
        linear-gradient(45deg, transparent 50%, white 60%),
        linear-gradient(135deg, white 40%, transparent 50%) !important;
    background-position:
        calc(100% - 30px) 25px,
        calc(100% - 20px) 25px,
        100% 0;
    background-size:
        10px 10px,
        10px 10px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.container-bg-contacto-2 a{
    color: #15d4fb;
    transition: all 0.3s ease;
}
.container-bg-contacto-2 a:hover{
    color: #064569;
}
.container-bg-contacto-2 .fl-wrap {
    font-size: 16px;
    font-family: Arial;
}
.container-bg-contacto-2 .fl-wrap select, .fl-wrap button {
    margin: 0;
    box-shadow: 0 0 0 0 #d9d9d9;
    background-color: transparent;
    color: #B8B8B8;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    padding: 0.94em 0.8em;
    width: 100%;
    word-break: normal;
    border: medium none;
    font-family: Arial, sans-serif;
    font-size: 16px;
    padding-top: 19px !important;
}
.container-bg-contacto-2 .fl-wrap label {
    top: 7px;
}
.container-bg-contacto-2 .fl-wrap.focused.populated select, .container-bg-contacto-2 .fl-wrap.focused.populated input[type="text"], .container-bg-contacto-2 .fl-wrap.focused.populated input[type="email"], .container-bg-contacto-2 .fl-wrap.focused.populated input[type="tel"], .container-bg-contacto-2 .fl-wrap.focused.populated input[type="password"], .container-bg-contacto-2 .fl-wrap.focused.populated button, .container-bg-contacto-2 .fl-wrap.focused.populated textarea, .container-bg-contacto-2 .fl-wrap select:focus, .container-bg-contacto-2 .fl-wrap input[type="text"]:focus, .container-bg-contacto-2 .fl-wrap input[type="email"]:focus, .container-bg-contacto-2 .fl-wrap input[type="tel"]:focus, .container-bg-contacto-2 .fl-wrap input[type="password"]:focus, .container-bg-contacto-2 .fl-wrap button:focus, .container-bg-contacto-2 .fl-wrap textarea:focus {
    color: #1e5995;
    box-shadow: 0 0 0 0 transparent;
}
#formulario-2 fieldset .form-control {
    background-color: #064569;
    border: 1px solid #064569;
}
.contenedor_formacontacto{
    padding: 0 50px;
}

.bg-subtotal2{
    position: relative;
    width: 100%;
    background-color: #0a6072;
    min-height: 20px;
    height: auto;
    overflow: hidden;
    padding: 20px;
    margin: 15px 0;
        border-radius: 8px;

}


.bg-subtotal{
    position: relative;
    width: 100%;
    background-color: #0a6072;
    min-height: 20px;
    height: auto;
    overflow: hidden;
    padding: 20px 50px;
    margin: 15px 0;
}
.container-bg-contacto-2 .form-check{
    position: relative;
    width: 100%;
    padding-left: 50px;
}
.form-check-input-custom {
    transform: scale(1.5);
}
.container-bg-contacto-2 .form-check .form-check-label{
    font-family: 'DMSans';
    font-size: 16px;
    line-height: 1;
    color: #ffffff;
    padding-left: 8px;
    margin-bottom: 0;
}
#formulario-2 .btn-form {
    font-family: 'DMSansmedium';
    font-size: 15px;
    background-color: #ff4e00;
    border-color: #ff4e00;
    padding: .5rem 3rem;
    border-radius: 7px;
    float: right;
    margin-right: 30px;
    margin-top: 40px;
    margin-bottom: 30px;
}
#formulario-2 .btn-form:hover{
    background-color: #214089;
    border-color: #214089;
}
.bg-rigth-boletos{
    width: 100%;
    background-color: #04333d;
    height: 120vh;
}
.container-img-boletos {
    position: relative;
    width: 100%;
    background-image: url("../images/bg-seccion-boletos.webp");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 120vh;
    height: auto;
    overflow: hidden;
}
@media (max-width: 1180px) {
    .navbar-custom {
        position: relative;
    }
    .navbar.navbar-expand-custom.bg-dark.navbar-dark.navbar-custom {
        background-color: #000000 !important;
    }
    .navbar-custom .bg-nav-top2{
        display: none;
    }
    .btn-menu{
        margin: 0 auto;
        background-image: none;
    }
    .ocultar_mobile .btn-slider {
        display: block;
    }
    .navbar-custom .navbar-nav .dropdown-menu {
        position: static;
    }
    .navbar-custom .dropdown-item {
        text-align: center;
    }
}
@media (max-width: 768px){
    .bg-rigth-boletos, .container-img-boletos{
        display: none;
    }
    #formulario-2 .btn-form {
        margin-right: 0;
    }
    .precio-total {
        margin-top: 30px;
        text-align: left;
    }
    .container-bg-contacto-2 .form-check {
        text-align: center;
    }
}
@media (max-width: 576px){
    .container-footer-comprar{
        display: none;
    }
    .powerby {
        float: none;
        display: block;
    }
    .alejandronasta {
        position: relative;
        float: none;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .i_03 {
        width: 176px;
        height: 30px;
        background-size: contain;
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
    }
    .i_02 {
        width: 113px;
        height: 30px;
        margin-top: 12px;
        background-size: contain;
    }
    .i_01 {
        width: 145px;
        height: 30px;
        margin-top: 12px;
        background-size: contain;
    }
    .H_03 {
        width: 110px;
        height: 50px;
        background-size: contain;
    }
    .H_02 {
        width: 100px;
        height: 46px;
        background-size: contain;
    }
    .H_01 {
        width: 100px;
        height: 46px;
        background-size: contain;
    }
}