/* 
    Created on : 23 dic. 2024, 11:25:36
    Author     : Eric Palacios Portilla
*/
:root {
    --font-family: 'DMSansmedium', "Helvetica Neue", sans-serif, Arial;
    --font-family-princial: 'DMSansmedium', "Helvetica Neue", sans-serif, Arial;
    --background-color-input:#eb5d15;
    --color-text:#ffffff;
    --border: 1px solid #eb5d15;
    --color-text-input: #fff;
    --color-focus: #fff;
    --select-icon-width:45px;
    --color-base: #ff4e00;
    --color-btn:#fff;
    --font-size:16px;
    --color-hover:#ff3300;
    --color-btn-hover:#fff;

}


/* Tamaños de fuente del 10 al 30px */
.font-size-10 {
    font-size: 10px !important;
}
.font-size-11 {
    font-size: 11px !important;
}
.font-size-12 {
    font-size: 12px !important;
}
.font-size-13 {
    font-size: 13px !important;
}
.font-size-14 {
    font-size: 14px !important;
}
.font-size-15 {
    font-size: 15px !important;
}
.font-size-16 {
    font-size: 16px !important;
}
.font-size-17 {
    font-size: 17px !important;
}
.font-size-18 {
    font-size: 18px !important;
}
.font-size-19 {
    font-size: 19px !important;
}
.font-size-20 {
    font-size: 20px !important;
}
.font-size-21 {
    font-size: 21px !important;
}
.font-size-22 {
    font-size: 22px !important;
}
.font-size-23 {
    font-size: 23px !important;
}
.font-size-24 {
    font-size: 24px !important;
}
.font-size-25 {
    font-size: 25px !important;
}
.font-size-26 {
    font-size: 26px !important;
}
.font-size-27 {
    font-size: 27px !important;
}
.font-size-28 {
    font-size: 28px !important;
}
.font-size-29 {
    font-size: 29px !important;
}
.font-size-30 {
    font-size: 30px !important;
}


.container-bloque-1 h1{
    font-family: 'DMSansbold';
    color: #ffffff;    
    line-height: 1;
}

.container-faq{
    position: relative;
    width: 100%;
    margin: 5px auto;
    padding: 0 40px;
}


.total_align{
    text-align: right;
}

.titulo_interior {
    font-family: DMSansbold;
    font-size: 50px;
    line-height: 1;
}

/* Estilo general del área FAQ */
.faq_area {
    background: #0A192F;
    padding: 60px 15px;
}

/* Envoltorio centrado y full width */
.faq_wrapper {
    margin: 0 auto;
    width: 100%;
}

/* Card Header */
#faqAccordion .card-header {
    background-color: #2a9cb7;
    border-radius: 0.7rem;
    border: none;
    padding: 1rem 1.25rem;
}

/* Texto y botón en la cabecera */
.card-header h3 a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
}

/* Cuerpo de la respuesta */
.card-body {
    background-color: #95ddee;
    font-size: 1.5rem;
    padding: 1.5rem 2rem;
    /*color: #000000;*/
    font-family: 'DMSans';
    margin-top: 5px;
    border-radius: 8px;
}
.card-body h4{
    font-family: 'mark_probold';
    line-height: 1;
    color: #003697;
}
.card-body p{
    font-family: 'DMSans';
    color: #1e7a8f;
    font-size: 17px;
    line-height: 1;
}
.card-body ul p{
    font-family: 'DMSans';
    color: #1e3659;
}

.card-body a{
    color: #003697;
}
.card-body a:hover{
    color: #3888db;
}
a[aria-expanded="true"] .arrow-icon {
    transform: rotate(180deg);
}

.arrow-icon {
    width: 30px;
    height: 30px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/arrow_r.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.3s ease;
}



/* FAQS */

body {


    background-color: #000000;
}

.texto_comollegar{
    font-size: 14px;
    color: #ffffff;
}


.fondo_aviso {
    background-color: #052d44;
    min-height: 450px;
    height: auto;
    overflow: hidden;
    padding-bottom: 50px;
    padding: 30px;
}


.fechas{
    width: 100%;
    min-height: 202px;
    height: auto;
    position: relative;
    float: left;
    background-image: url(/ui/brand/tiendas/odisea-mexico/1.jpg);
    margin-top: 20px;
    margin-bottom: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 8px;
}

.cont_entradas{
    width: 100%;
    min-height: 50px;
    height: auto;
    background-color: #064569;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    float: left;
}



.icon_ubicacion{
    background-image: url(/ui/brand/tiendas/odisea-mexico/location.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 40px;
    min-height: 40px;
    border-radius: 36px;
    opacity: .5;
    position: relative;
    float: left;
    margin-right: 10px;
}

.icon_auto{
    background-image: url(/ui/brand/tiendas/odisea-mexico/location.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 40px;
    min-height: 40px;
    border-radius: 36px;
    opacity: .5;
    position: relative;
    float: left;
    margin-right: 10px;
}

.icon_metro{
    background-image: url(/ui/brand/tiendas/odisea-mexico/subway-public-sign-mark-svgrepo-com.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 40px;
    min-height: 40px;
    border-radius: 36px;
    opacity: .5;
    position: relative;
    float: left;
    margin-right: 10px;
}

.icon_ecobici{
    background-image: url(/ui/brand/tiendas/odisea-mexico/bycicle-svgrepo-com.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 40px;
    min-height: 40px;
    border-radius: 36px;
    opacity: .5;
    position: relative;
    float: left;
    margin-right: 10px;
}


.titulo_recorrido{
    font-size: 19px;
    font-family: 'DMSansbold';
}

.f_recorrido_01 {
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_azulejos.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 36px;
}

.f_recorrido_02 {
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_frida.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 36px;
}

.f_recorrido_03 {
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_chavo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 36px;
}

.f_recorrido_04 {
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_xochimilco.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 36px;
}

.f_recorrido_05 {
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_monarca.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 36px;
}

.f_recorrido_06 {
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_catrinas.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 36px;
}

.f_recorrido_07 {
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_tequila.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 36px;
}

.f_recorrido_08 {
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_bernal.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 36px;
}

.f_recorrido_09 {
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_puebla.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 36px;
}

.f_recorrido_10 {
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_veracruz.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 36px;
}

.f_recorrido_11 {
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_guelaguetza.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 36px;
}

.f_recorrido_12 {
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_rivera.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 36px;
}

.f_recorrido_13 {
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_cdmx.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 250px;
    border-radius: 36px;
}




.margin_quince {
    margin-bottom: 15px;
}

.spacer_gris {
    height: 1px;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
    float: left;
    background-color: #333333;
}


.pleca_amarilla2 {
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/pleca_puntos.png);
    background-position: center;
    z-index: 1001;
    background-repeat: repeat-x;
    margin-top: 40px;
    margin-bottom: 40px;
}

.texto_centrado{
    text-align: center;
}


.titulo_blanco_interior {
    color: #ffffff;
    font-family: 'DMSansbold';
    font-size: 40px;
    margin-bottom: 15px;
}

.slogan_odisea{
    font-family: 'DMSansmedium';
    font-size: 21px;
    text-transform: uppercase;

}






.boton_boletos_large_compra {
    color: #fff;
    background-color: #fc5900;
    border-color: #fc5900;
    font-family: 'DMSans';
    font-size: 13px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 10px;
    border-radius: 100px;
    width: 220px;
    margin-top: 10px;
    margin-left: 10%;
    margin-right: 10%;
    /* margin-left: 360px; */
    /* margin: 0 auto; */
    float: right;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icono_boleto.svg);
    background-position-x: 185px;
    background-position-y: 7px;
    float: right;
    background-repeat: no-repeat;
    background-size: 25px;
}

.boton_boletos_large_compra:hover {
    background-color: #007eff;
}


.boton_boletos_large {
    color: #fff;
    background-color: #fc5900;
    border-color: #fc5900;
    font-family: 'DMSans';
    font-size: 13px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 10px;
    border-radius: 100px;
    width: 220px;
    margin-top: 10px;
    margin-left: 10%;
    margin-right: 10%;
    /* margin-left: 360px; */
    /* margin: 0 auto; */
    float: right;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon_comollegar.png);
    background-position-x: 185px;
    background-position-y: 7px;
    float: right;
    background-repeat: no-repeat;
}

.boton_boletos_large:hover {
    background-color: #007eff;
}

.contenedor_carac{
    position: relative;
    float: left;
    width: 100%;

}


.icon_estatura{
    width: 38px;
    height: 38px;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon_altura.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-right: 15px;
}


.icon_seguridad{
    width: 38px;
    height: 38px;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon_seguridad.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-right: 15px;
}

.icon_calendario{
    width: 38px;
    height: 38px;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/calendario.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-right: 15px;
}

.icon_adolescentes{
    width: 38px;
    height: 38px;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/adolescentes.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-right: 15px;
}

.pleca_sup{
    width: 100%;
    height: 38px;
    float: left;
    background-image: url(/ui/brand/tiendas/odisea-mexico/pleca_azul_top.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    margin-bottom: 15px;
}

.pleca_inf{
    width: 100%;
    height: 38px;
    float: left;
    background-image: url(/ui/brand/tiendas/odisea-mexico/pleca_azul_down.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    margin-bottom: 0px !important;
    position: absolute;
    bottom: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.spacer_descripciones{
    width: 100%;
    height: 1px;
    float: left;
    background-color: #084b59;
    margin-bottom: 30px !important;
    margin-top: 10px;
    position: relative;
}



.contenedor_caracteristicas {
    margin-top: 6px;
    margin-bottom: 6px;
    width: 100%;
    position: relative;
    float: left;
    font-size: 15px;
    min-height: 30px;
    height: auto;
    overflow: hidden;
}

.contenedor_textos_descripion {
    padding: 30px;
    font-family: 'DMSans';
    color: #ffffff;
    line-height: 1.2;
    font-size: 16px;
    text-align: justify;
    /* height: auto;
     overflow: hidden;
     min-height: 300px;*/
}

.fondo_descripcion{
    background-color: #0b7287;
    min-height: 450px;
    height: auto;
    overflow: hidden;
    padding-bottom: 50px;
}

.fb_beneficios_empresariales{
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/fb_beneficios_empresariales.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.fb_eventos_especiales{
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/fb_eventos_especiales.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.fb_agencias{
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/fb_agencias.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.fb_contacto{
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_contacto.jpg);
    height: auto;
    min-height: 850px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.fb_visitas_escolares{
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/fb_visistas_escolares_01.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.fb_planifica1{
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/fb_planifica_01.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.fb_planifica2{
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/fb_planifica_02.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.fb_ubicacion{
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/fb_ubicacion.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.f_temporales{
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_temporales.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.f_flying{
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_flying.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.f_darkride  {
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_dark-ride.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.fb_recorrido  {
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/fb_recorrido.jpg);
    height: auto;
    min-height: 700px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}




.atraccion_01s{
    border-radius: 8px;
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/banner_s_recorrido.png);
    height: 142px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 10px;
}

.atraccion_02s{
    border-radius: 8px;
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/banner_s_exposiciones.png);
    height: 142px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 10px;
}

.atraccion_03s{
    border-radius: 8px;
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/banner_s_dark.jpg);
    height: 142px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 10px;
}

.atraccion_04s{
    border-radius: 8px;
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/banner_s_vuelo.png);
    height: 142px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 10px;
}






.iconos_ubicacion{

    padding:10px;
    border-radius: 100px;
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/comollegar.png);
    height: 39px;
    background-repeat: no-repeat;
    background-position: center;

}


.texto_ubicacion{
    font-family: 'DMSans';
    color: #ffffff;
    line-height: 1.2;
    font-size: 14px;

}

.border_lateral{
    border-left:solid;
    border-left-color: #fc5900;
    border-left-width: 1px;

    border-right:solid;
    border-right-color: #fc5900;
    border-right-width: 1px;
    padding-left: 50px;

}

.icono_ubicacion{
    background-image: url(/ui/brand/tiendas/odisea-mexico/ubicacion.png);
    background-position-x: 5px;
    background-position-y: 7px;
    float: left;
    background-repeat: no-repeat;
    padding-left: 45px;

}

.boton_ubicacion {
    color: #fff;
    background-color: #fc5900;
    border-color: #fc5900;
    font-family: 'DMSans';
    font-size: 13px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 10px;
    border-radius: 100px;
    width: 80%;
    margin-top: 10px;
    margin-left: 10%;
    margin-right: 10% ;/* margin-left: 360px; */ /* margin: 0 auto; */
    float: right;
    text-align: center;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon_comollegar.png);
    background-position-x: 161px;
    background-position-y: 7px;
    float: left;
    background-repeat: no-repeat;
}


.margin_cero{
    margin-left: -15px;
    margin-right: -15px
}

.fondo_ubicacion{
    width: 100%;
    background-color: #000000;
    padding: 30px;
    min-height: 300px;
    height: auto;
    overflow: hidden;
}


.banner_grupos{
    position: relative;
    background-image: url(/ui/brand/tiendas/odisea-mexico/banner_grupos.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 298px;
    overflow: hidden;
    margin-left: -15px;
    margin-bottom: 10px;
    margin-right: -15px;
    padding: 20px;
    /* margin-right: 10px; */
    /* border-radius: 12px; */
}

.banner_realidad{
    position: relative;
    background-image: url(/ui/brand/tiendas/odisea-mexico/banner_realidad.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 298px;
    overflow: hidden;
    margin-left: -15px;
    margin-bottom: 10px;
    margin-right: -15px;
    padding: 20px;
    /* margin-right: 10px; */
    /* border-radius: 12px; */
}

.banner_tienda {
    position: relative;
    background-color: #000000;
    height: auto;
    min-height: 298px;
    overflow: hidden;
    margin-left: -15px;
    margin-bottom: 10px;
    margin-right: -15px;
    /* padding: 20px; */
    /* margin-right: 10px; */
    /* border-radius: 12px; */
}

.icon_accesibilidad {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/icon_mariposa.svg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}


.icon_faqs {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/icono_faqs.svg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}

.icon_piramide {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/icon_piramide.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}


.icon_trompeta {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/iconos_trompeta.svg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
}

.fondo_galeria{
    width: 100%;
    background-color: #000000;
    padding: 50px;
    min-height: 300px;
    height: auto;
    overflow: hidden;
}

.fondo_medios{
    width: 100%;
    background-color: #000000;
    padding: 50px;
    min-height: 680px;
    height: auto;
    overflow: hidden;
}

.medio_01{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(/ui/brand/tiendas/odisea-mexico/logo_cdmx.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}

.medio_02{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(/ui/brand/tiendas/odisea-mexico/logo_universal.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}


.medio_03{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(/ui/brand/tiendas/odisea-mexico/logo_cnn.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}

.medio_04{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(/ui/brand/tiendas/odisea-mexico/logo_gandhi.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}

.medio_05{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(/ui/brand/tiendas/odisea-mexico/logo_inba.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}

.medio_06{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(/ui/brand/tiendas/odisea-mexico/logo_11.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}

.medio_07{
    position: relative;
    float: left;
    width: 100%;
    min-height: 104px;
    background: url(/ui/brand/tiendas/odisea-mexico/logo_culturaunam.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-bottom: 10px;
}






.tit_tienda{
    position: relative;
    float: left;
    width: 100%;
    min-height: 65px;
    background: url(/ui/brand/tiendas/odisea-mexico/tit_boutique.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-top: -1px;
    margin-bottom: 10px;
}

.tarjeta{
    position: relative;
    float: left;
    width: 100%;
    min-height: 314px;
    background: url(/ui/brand/tiendas/odisea-mexico/tarjeta.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: contain;
    margin-top: -1px;
    margin-bottom: 10px;
}

.tienda{
    position: relative;
    float: left;
    width: 100%;
    min-height: 363px;
    background: url(/ui/brand/tiendas/odisea-mexico/tienda.jpg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: cover;
    margin-top: -1px;
    margin-bottom: 10px;
}

.fondo_testimoniales {
    position: relative;
    float: left;
    width: 100%;
    min-height: 571px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/fondo_testimoniales.jpg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: cover;
    margin-top: -1px;
    /* margin-bottom: 10px;*/
    padding: 20px;
}


.text-negro {
    text-align: justify !important;
    color: #000000;
    font-size: 15px;
    line-height: 1;
}


.icon_lucha {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/icon_lucha.png) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 25px;
}

.logo_footer{
    position: relative;
    float: left;
    width: 100%;
    height: 130px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/sello.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 70px;
    margin-top: 60px;
}

.icon_sombrero{
    position: relative;
    float: left;
    width: 100%;
    min-height: 76px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/iconos_sombrero.svg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 25px;
}



.text-blanco {
    text-align: justify !important;
    color: #ffffff;
    font-size: 15px;
    line-height: 1;
}


.titulo_azul{
    color: #104487;
    font-family: 'DMSansbold';
    font-size: 40px;
}

.titulo_blanco{
    color: #ffffff;
    font-family: 'DMSansbold';
    font-size: 40px;
    line-height: 1;

}

.boton_tarjeta{
    color: #fff;
    background-color: #fc5900;
    border-color: #fc5900;
    font-family: 'DMSans';
    font-size: 13px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 0.5rem .75rem;
    border-radius: 100px;
    width: 187px;
    margin-top: 10px;
    /* margin-left: 360px; */
    /* margin: 0 auto; */
    margin-top: 20px;
    float: right;
    text-align: center;
}

.boton_tarjeta:hover {
    background-color: #047edc;
    border-color: #047edc;
}


.icon_jaguar {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/iconos_jaguar.svg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
}


.icon_calaca {
    position: relative;
    float: left;
    width: 100%;
    min-height: 100px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/iconos_calavera.svg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 50px;
}


.fondo_quienes {
    position: relative;
    float: left;
    width: 100%;
    min-height: 571px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/back_quienes.jpg) center center;
    /* background-size: cover; */
    background-repeat: no-repeat !important;
    overflow: hidden;
    background-size: cover;
    margin-top: -1px;
    margin-bottom: 10px;
    padding: 25px;
    padding-top: 130px;
}


.centradoo{
    text-align: center;
}

.tituloo{
    font-family: DMSansbold;
    font-size: 80px;
    line-height: 1.2;
}


.tituloo_foto {
    font-family: DMSansbold;
    font-size: 80px;
    line-height: 1.2;
}

.subtituloo{
    font-family: DMSans;
    font-size: 32px;
    font-family: 'DMSansmedium';
    line-height: 1;
}

.subtituloo_m{
    font-family: DMSans;
    font-size: 22px;
    line-height: 1;
}
.pleca_amarilla{
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/pleca_puntos.png);
    background-position: center;
    z-index: 1001;
    background-repeat: repeat-x;
    margin-top: -25px;

}

.pleca_azul_sup{
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/pleca_azul_down.png);
    background-position: center;
    z-index: 1001;
    background-repeat: repeat-x;
    /* margin-top: -25px;*/

}




.powerby{
    position: relative;
    float: right;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'DMSans';
}

.alejandronasta{
    position: relative;
    float: left;
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    margin-top: 15px;
    margin-bottom: 10px;
    font-family: 'DMSans';
}

.boldDM{
    font-family: DMSansbold;
}



.btn-primary :hover{
    color: #fff;
    background-color: #1f4295;
    border-color: #1f4295;
}

html {
    min-height:100vh;
    scroll-behavior: smooth;
}
.bg-dark {
    background-color: #000000 !important;
}
video{
    width:100%;
}
dl, ol, ul {    
    text-align: justify !important;
}
.custom-toggler .navbar-toggler-icon {
    background-image: url("/ui/brand/tiendas/odisea-mexico/hamburguesa.svg");
}
.custom-toggler.navbar-toggler {
    border-color: #1938da;
}
.titulo_ventajas {
    font-size: 21px;
    color: #1e3659;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
}

.w-100 {
    width: 100% !important;
    height: auto;

    overflow: hidden;
}
.carousel-caption {
    bottom: 4px;

}
.container-quienes-2 {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 500px;
    overflow: hidden;
    overflow: hidden;
}
.centrado_vertical {
    display: flex;
    align-items: center;
}


.contenedor123{
    position: relative;
    float:left;
    width: 100%;
    display: flex;
    justify-content: center;

}

.i_01{
    position: relative;
    float:left;
    width: 145px;
    min-height: 50px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/i_01.png) center center;
    /*    background-size: cover;*/
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.i_02{
    position: relative;
    float:left;
    width: 145px;
    min-height: 50px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/i_02.png) center center;
    /*    background-size: cover;*/
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.i_03{
    position: relative;
    float:left;
    width: 168px;
    min-height: 50px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/i_03.png) center center;
    /*    background-size: cover;*/
    background-repeat: no-repeat !important;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.H_01{
    position: relative;
    float:left;
    width: 145px;
    min-height: 50px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/1.png) center center;
    /*    background-size: cover;*/
    background-repeat: no-repeat !important;
    overflow: hidden;
}

.H_02{
    position: relative;
    float:left;
    width: 145px;
    min-height: 50px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/2.png) center center;
    /*    background-size: cover;*/
    background-repeat: no-repeat !important;
    overflow: hidden;
}

.H_03{
    position: relative;
    float:left;
    width: 145px;
    min-height: 50px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/3.png) center center;
    /*    background-size: cover;*/
    background-repeat: no-repeat !important;
    overflow: hidden;
}


.f_infra{
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/infra.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_inn01 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/inn_01.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_inn02 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/inn_02.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_inn03 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/inn_03.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_inn04 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/inn_04.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_inn05 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/inn_05.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn06 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/inn_06.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn07 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/inn_07.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn08 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/inn_08.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn09 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/inn_09.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_empresa_01 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/f_empresa_01.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.container_f_empresa_02 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/f_empresa_02.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_empresa_03 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(/ui/brand/tiendas/odisea-mexico/f_empresa_03.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.padding_cero {
    padding: 0px;
}
.logo_empresa {
    position: relative;
    width: 100%;
    min-height: 140px;
    background: url(/ui/brand/tiendas/odisea-mexico/logo_header.svg) center center;
    background-size: auto;
    background-size: contain;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #ffffff;
    background-repeat: no-repeat;
}
.textobig {
    font-family: 'metropolisregular';
    text-align: center;
    font-size: 22px;
}
.container-quienes-txt {
    position: relative;
    width: 85%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 30px;
}
.box{
    position: relative;
    width: 100%;
    height: 305px;
    overflow: hidden;
    border-radius: 0px;
    /*background: #000;*/
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); */
    transition: .5s;
    margin-bottom: 11px;
}

.box:hover
{
    transform: translateY(-10px);
    box-shadow: 0 50px 50x rgba(0,0,0,0.5);
}

.box .imgbox
{
    position: relative;
}

.box .imgbox img
{
    transition: .5s;
}

.box:hover .imgbox img
{
    opacity: .5;
    transform: translateY(-10px);
}
.box .content
{
    position: absolute;
    bottom: 0;
    padding: 20px;
    box-sizing: border-box;
    transition: .5s;
    opacity: 0;
    width: 100%;
    background: rgba(0,0,0,.8);
    height: 100%;

}
.box:hover .content
{
    opacity: 1;
    bottom: 0;
}
.box .content h3
{
    font-size: 26px;
    color: #fff;
    font-weight: 700;
}

.box .content p
{
    font-size: 16px;
    line-height: 1;

    color: #fff;
    /*font-weight: 400;*/
}
.box .content .btnD {
    position: absolute;
    font-family: 'neue_haas_grotesk_text55roman';
    border: none;
    background-color: #fc5900;
    border-color: #fc5900;
    color: #fff;
    font-size: 16px;
    padding: 10px 40px;
    font-weight: 400;
    transition: .5s;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,0);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100px;
    text-transform: uppercase;





}

.box .content .btnD:hover, .box .content .btnD:focus  {
    background: #fe5401;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,0);

}

/*
*/

.box2{
    position: relative;
    width: 100%;
    height: 590px;
    overflow: hidden;
    border-radius: 0px;
    /*background: #000;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); */
    transition: .5s;
    margin-bottom: 11px;
}

.box2:hover
{
    transform: translateY(-10px);
    box-shadow: 0 50px 50x rgba(0,0,0,.5);
}

.box2 .imgbox
{
    position: relative;
}

.box2 .imgbox img
{
    transition: .5s;
}

.box2:hover .imgbox img
{
    opacity: .5;
    transform: translateY(-10px);
}

.box2 .content
{
    position: absolute;
    bottom: -40px;
    left: 0;
    padding: 20px;
    box-sizing: border-box;
    transition: .5s;
    opacity: 0;

}

.box2:hover .content
{
    opacity: 1;
    bottom: 0;
}

.box2 .content h3
{
    font-size: 26px;
    color: #fff;
    font-weight: 700;
}

.box2 .content p
{
    font-size: 16px;
    line-height: 1;

    color: #fff;
    /*font-weight: 400;*/
}

.box2 .content .btnD
{
    border: none;
    background: #ff0000;
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    font-weight: 700;
    transition: .5s;
}

.box2 .content .btnD:hover
{
    background: #ff3232;

}

/*
*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'DMSans';
    color: #ffffff;
}
p {
    font-family: 'DMSans';
    color: #ffffff;
    line-height: 1.3;

}
.navbar {
    padding:1rem;
    margin-top: 0px;
}
.nav-link{
    font-family: 'DMSans';
    font-size: 16px;
    padding: 0 1rem;
    margin-top: 16px;
}
.navbar-light .navbar-nav .nav-link{
    color: #fc5900;
}
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link.link-shop{
    color: #3e76fb;
}
.navbar-dark .navbar-nav .nav-link.link-shop:focus, .navbar-dark .navbar-nav .nav-link.link-shop:hover {
    color: #059dfd;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #3ec3fb;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #0bc8f4;
}
.logo-nav{
    /*width:360px;*/
    margin-left: 20px;
    width: 150px;
}
.icon-shop{
    display: inline-block;
    width: 16px;
    height: 17px;
    background-image: url("/ui/brand/tiendas/odisea-mexico/icon-shop.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.margin15{
    margin-bottom: 15px;
}

.margin25{
    margin-bottom: 25px;
}

.margin35{
    margin-bottom: 35px;
}
.spacer15{
    width: 100%;
    height: 15px;
    float: left;
    position: relative;
}
.titulo {
    font-size: 21px;
    color: #1e3659;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
}
.centrado{
    text-align: center !important;
}
.texto_general_blue {
    font-size: 19px;
    color: #3863a3;
    line-height: 1.2;
    width: 100%;
    font-style: italic;
    font-weight: bold;
    text-align: justify;
}
.texto_bold {
    font-family: 'neue_haas_grotesk_text_pr65Md';
}
.texto_general {
    font-size: 19px;
    color: #1e3659;
    line-height: 1.2;
    width: 100%;
    position: relative;
    float: left;
    text-align: justify;
}
.texto_general_w {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.2;
    width: 100%;
    position: relative;
    float: left;
}
.titulo_w {
    font-size: 20px;
    color: #ffffff;
    line-height: 1.2;
    width: 100%;
    position: relative;
    float: left;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    margin-bottom: 10px;
}
.relativo{
    position: relative;
    float: left;
}
.back_int
{
    width: 100%;
    position: relative;
    float: left;
    min-height: 800px;
    height: auto;
    overflow: hidden;
    background-image: url(/ui/brand/tiendas/odisea-mexico/back_int.jpg);
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;

}
.cont_ventajas{
    width: 100%;
    position: relative;
    float: left;
    min-height: 800px;
    height: auto;
    overflow: hidden;
    background-color: #f36001;
    color: #ffffff;
    border-radius:0px 0px 15px 15px ;
    margin-bottom: 30px;
}
.cont_ventajas_gris{
    width: 100%;
    position: relative;
    float: left;
    min-height: 400px;
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    border-radius:15px 15px 15px 15px ;
    margin-bottom: 30px;
    padding: 30px;
}
.bullett{
    list-style-image: url('/ui/brand/tiendas/odisea-mexico/bullet_m.png');
}
.cont_valores_gris{
    width: 100%;
    background-image: url(/ui/brand/tiendas/odisea-mexico/back_bullets.jpg);
    background-repeat: no-repeat;
    position: relative;
    float: left;
    min-height: 400px;
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    border-radius:15px 15px 15px 15px ;
    margin-bottom: 30px;
    padding: 30px;
}
.ventaja_cont_texto{
    width: 100%;
    position: relative;
    float: left;
    padding: 15px;
}
.contenedor_texto_ventajas{
    width: 80%;
    position: relative;
    float: left;
}
.icon_vent_01{
    width: 99px;
    position: relative;
    float: left;
    height: 99px;
    margin-right: 15px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon_vent_01.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.icon_vent_02{
    width: 99px;
    position: relative;
    float: left;
    height: 99px;
    margin-right: 15px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon_vent_02.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_vent_03{
    width: 99px;
    position: relative;
    float: left;
    height: 99px;
    margin-right: 15px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon_vent_03.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_vent_04{
    width: 99px;
    position: relative;
    float: left;
    height: 99px;
    margin-right: 15px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon_vent_04.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.ventaja_01{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/ventaja_00.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ventaja_02{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/ventaja_02.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ventaja_03{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/ventaja_03.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ventaja_04{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/ventaja_04.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ventaja_05{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/ventaja_00.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ventaja_06{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/ventaja_06.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-header{
    position: relative;
    width: 100%;
    overflow: hidden;
    clear: both;
}

.header_aviso {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_aviso.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;
    overflow: hidden;
}
.header_contacto {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_contacto.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;
    overflow: hidden;
}

.header_empresas {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_empresas.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_visitasescolares {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_grupos.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_soluciones {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_soluciones.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;
}

.width_video_int {
    width: 100%;
}

.header_innovacion {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_ventajas.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_innovacion {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_innovacion.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_ventajas {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_ventajas.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_infraestructura {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_infraestructura.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_flying {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_flying.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: 'DMSansmedium';
    padding-top: 200px;
    margin-bottom: 5px;
}

.header_temporales{
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_temporales.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: 'DMSansmedium';
    padding-top: 200px;
    margin-bottom: 5px;
}

.header_darknigth {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_darkride.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: 'DMSansmedium';
    padding-top: 200px;
    margin-bottom: 5px;
}


.header_recorrido {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_recorrido.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: 'DMSansmedium';
    padding-top: 200px;
    margin-bottom: 5px;
}


.header_quienes {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_compania.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;
}
.navbar-brand {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;


}
.navbar-toggler {
    border: 1px solid white;
}
.nav-top{
    position: relative;
    width: 100%;
    height: 45px;
    margin-top: 0px;
    overflow: hidden;
    z-index: 5000;
    background-color: #000000;
    padding-top: 20px;
    display: block;
}

.dm_topnav{
    color:#fb61a8 !important;
    font-family: 'DMSansmedium' !important;
    font-size: 12px !important;

}

.bg-nav-top2{
    position: absolute;
    right: 0;
    top: 10px;
    width: 320px;
    height: 250px;
    /* background-color: #214089; */
    border-radius: 40px;
    margin-right: 26px;
}

.bg-nav-top{
    position: absolute;
    right: 0;
    top: 24px;
    width: 320px;
    height: 25px;
    /* background-color: #214089; */
    border-radius: 40px;
    margin-right: 26px;
}
.container-top-social{
    position: relative;
    float: right;
    width: 140px;
    height: 25px;
    margin-top: 10px;
}
.container-top-tel{
    position: relative;
    float: right;
    width: 207px;
    height: 25px;
    margin-top: 5px;
}
.container-top-tel p{
    font-family: 'nunitolight';
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
}
.container-top-faq{
    position: relative;
    float: right;
    width: 75px;
    height: 25px;
    margin-top: 5px;
}
.container-top-tel a{
    font-family: 'nunitolight';
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    line-height: 1;
}
.container-top-tel a span{
    font-family: 'nunitomedium';
    color: #ffffff;
    font-size: 14px;
}

.container-top-faq a{
    font-family: 'nunitolight';
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    line-height: 1;
}
.container-top-faq a:hover, .container-top-tel a:hover, .container-top-tel a:hover span{
    color: #3ec3fb;
    text-decoration: none;
}
.bt-redes-1{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    background-color: #0059b2;
    border-radius: 50px;
    transition: all 0.5s;
}

.bt-redes-1 .facebook{
    position: absolute;
    width: 14px;
    height: 22px;
    background-image: url("/ui/brand/tiendas/odisea-mexico/facebook.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 22%;
    left: 31%;
}
.bt-redes-2{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    background: linear-gradient(to right,  rgb(255,168,0) 0%,rgb(255,11,91) 50%,rgb(255,0,192) 100%);

    border-radius: 50px;
    transition: all 0.5s;
}
.bt-redes-2 .instagram{
    position: absolute;
    width: 22px;
    height: 22px;
    background-image: url("/ui/brand/tiendas/odisea-mexico/instagram.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 20%;
    left: 21%;
}
.bt-redes-3{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    background-color: #ff0000;
    border-radius: 50px;
    transition: all 0.5s;
}
.bt-redes-3 .youtube{
    position: absolute;
    width: 21px;
    height: 21px;
    background-image: url("/ui/brand/tiendas/odisea-mexico/youtube.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 17%;
    left: 20%;
}
.bt-redes-4{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    background-color: #000000;
    border-radius: 50px;
    transition: all 0.5s;
}
.bt-redes-4 .tiktok{
    position: absolute;
    width: 21px;
    height: 21px;
    background-image: url("/ui/brand/tiendas/odisea-mexico/tik-tok.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 21%;
    left: 21%;
}
.slider-top-bg{
    position: absolute;
    background-color: #214089;
    width: 35%;
    height: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    top: 10px;
}
.slider-bottom-bg{
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url("/ui/brand/tiendas/odisea-mexico/pleca_slider.png");
    background-position: center;
    z-index: 1001;
    bottom: -49px;
    background-repeat: no-repeat;
}
.header-top-bg{
    position: absolute;
    background-color: #214089;
    width: 35%;
    height: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    top: 10px;
}
.header-bottom-bg{
    position: absolute;
    background-color: #214089;
    width: 35%;
    height: 23px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    bottom: -6px;
}
.carousel-item h1{
    font-family: 'neue_haas_grotesk_text_pr65Md';
    font-size: 63px;
    line-height: 1;
    text-align: left;
    margin-bottom: 0;
}
.carousel-item h2{
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 63px;
    line-height: 1;
    text-align: left;
    letter-spacing: 3px;
}
.btn-menu{
    color: #fff;
    background-color: #fc5900;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icono_boleto.svg);
    background-position-x: 99px;
    background-position-y: 9px;
    background-repeat: no-repeat;
    background-size: 27px;
    border-color: #fc5900;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 14px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 10px;
    padding-top: 12px;
    border-radius: 100px;
    width: 138px;
    margin-top: 9px !important;
    margin-top: 6px;
    /* margin-left: 360px; */
    /* margin: 0 auto; */
    margin-right: 10px;
}

.btn-menu:hover, .btn-slider:focus, .btn-slider:not(:disabled):not(.disabled).active, .btn-slider:not(:disabled):not(.disabled):active, .show > .btn-slider.dropdown-toggle{
    background-color: #047edc;
    border-color: #047edc;
}


.btn-slider{
    color: #fff;
    background-color: #fc5900;
    border-color: #fc5900;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 16px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 0.5rem .75rem;
    border-radius: 100px;
    width: 165px;
    margin-top: 10px;
    /*   margin-left: 360px;*/
    margin: 0 auto;
}
.btn-slider:hover, .btn-slider:focus, .btn-slider:not(:disabled):not(.disabled).active, .btn-slider:not(:disabled):not(.disabled):active, .show > .btn-slider.dropdown-toggle{
    background-color: #047edc;
    border-color: #047edc;
}
.carousel-control-prev-icon {
    background-image: url("/ui/brand/tiendas/odisea-mexico/prev-icon.svg");
    width: 40px;
    height: 40px;
}
.carousel-control-next-icon{
    background-image: url("/ui/brand/tiendas/odisea-mexico/next-icon.svg");
    width: 40px;
    height: 40px;
}
.carousel-indicators li {
    width: 50px;
    height: 5px;
    margin-right: 3px;
    margin-left: 3px;
    opacity: .5;
}
.carousel-indicators {
    bottom: 15px;

}
.container-bloque-1{
    margin-top: 14px;
    margin-bottom: 40px;
}

.container-descripcion{
    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(/ui/brand/tiendas/odisea-mexico/fondo_interior.jpg);
    background-size: cover;
    background-repeat: no-repeat;

}

.bold_blanco{
    font-family: 'DMSansmedium';
    font-size: 17px;
    color: #ffffff;
}

.color_gris{
    color: #c1c0c0;
}


.container-bloque-1 p, .container-bloque-2 p{
    font-family: 'DMSans';
    font-size: 24px;
    color: #ffffff;
    line-height: 1.1;
}
.container-bloque-1 p strong, .container-bloque-2 p strong{
    font-family: 'neue_haas_grotesk_text_pr65Md';
}

.container-bloque-1 h3, .container-bloque-2 h3{
    font-family: 'neue_haas_grotesk_text_pr65Md';
    color: #1e3659;
    font-size: 28px;
    line-height: 1.1;
}
.bg-soluciones-1{
    position: relative;
    background-image: url("/ui/brand/tiendas/odisea-mexico/soluciones-1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-bottom: 10px;
}
.bg-soluciones-2{
    position: relative;
    background-image: url("/ui/brand/tiendas/odisea-mexico/soluciones-2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-bottom: 10px;
}
.bg-soluciones-3{
    position: relative;
    background-image: url("/ui/brand/tiendas/odisea-mexico/soluciones-3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 590px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}

.bg-soluciones-3int{
    position: relative;
    background-image: url("/ui/brand/tiendas/odisea-mexico/interior_soluciones-3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 590px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}
.no-margin-padding{
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.row-margin-padding{
    padding-left: 10px;
    padding-right: 10px;
}
.container-txt-soluciones-white{
    position: absolute;
    width: calc(100% - 50px);
    bottom: 45px;
    padding-left: 50px;
}
.container-txt-soluciones-white h3, .container-txt-soluciones-black h3{
    color: #ffffff;
    text-transform: uppercase;
}
.container-txt-soluciones-black p{
    font-family: 'neue_haas_grotesk_text55roman';
    color: #ffffff;
    font-size: 18px;
    text-align: justify;
}
.container-txt-soluciones-black{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-left: 50px;
    background-color: rgba(3, 3, 3, .67);
    height: auto;
    min-height: 150px;
    overflow: hidden;
    padding: 35px;
}
.container-txt-soluciones{
    position: absolute;
    width: 100%;
    top: 45px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
.container-txt-soluciones h1{
    font-family: 'din_next_lt_proMdCn';
    font-size: 80px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
}
.container-txt-soluciones h4{
    font-family: 'nunitoregular';
    font-size: 22px;
    line-height: 1;
    color: #fff;
}
.icon-sight{
    position: relative;
    display: inline-block;
    background-image: url("/ui/brand/tiendas/odisea-mexico/icon-mira.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 50px;
    width: 50px;
}
.bg-soluciones-4{
    position: relative;
    background-image: url("/ui/brand/tiendas/odisea-mexico/soluciones-4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-bottom: 10px;
}
.bg-soluciones-5{
    position: relative;
    background-image: url("/ui/brand/tiendas/odisea-mexico/soluciones-5.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}

.bg-soluciones-6{
    position: relative;
    background-image: url("/ui/brand/tiendas/odisea-mexico/soluciones_pegado.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}

.bg-soluciones-7{
    position: relative;
    background-image: url("/ui/brand/tiendas/odisea-mexico/soluciones_distribucion.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}
.bg-soluciones-8{
    position: relative;
    background-image: url("/ui/brand/tiendas/odisea-mexico/banner_big_recorrido.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 305px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 12px;
}
.bg-soluciones-9{
    position: relative;
    background-image: url("/ui/brand/tiendas/odisea-mexico/banner_big_dark.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 305px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 12px;
}
.bg-soluciones-10{
    position: relative;
    background-image: url("/ui/brand/tiendas/odisea-mexico/banner_big_flying.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 305px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 12px;
}


.bg-soluciones-11{
    position: relative;
    background-image: url("/ui/brand/tiendas/odisea-mexico/banner_big_temporal.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 305px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 12px;
}

.bg-soluciones-12{
    position: relative;
    background-image: url("/ui/brand/tiendas/odisea-mexico/banner_big_vuelo.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 305px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 12px;
}

.banner_tarjeta{
    position: relative;
    background-image: url(/ui/brand/tiendas/odisea-mexico/bannert_giftcard.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 298px;
    overflow: hidden;
    margin-left: -15px;
    margin-bottom: 10px;
    margin-right: -15px;
    padding: 20px;

    /* margin-right: 10px; */
    /* border-radius: 12px;*/
}

.banner_boutique{
    position: relative;
    background-image: url(/ui/brand/tiendas/odisea-mexico/banner_boutique.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 298px;
    overflow: hidden;
    margin-left: -15px;
    margin-bottom: 10px;
    margin-right: -15px;
    padding: 20px;
    /* margin-right: 10px; */
    /* border-radius: 12px;*/
}

.container-video-home{
    margin-right: 5px;
}
.container-video-home-1{
    margin-right: 0px;
}
.logo-bg{
    position: absolute;
    background-image: url("/ui/brand/tiendas/odisea-mexico/logo-bg.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 1363px;
    height: 1500px;
    left: -640px;
    top: -120px;
    opacity: 0.1;
}
.container-img-contacto{
    position: relative;
    width: 100%;
    background-image: url("/ui/brand/tiendas/odisea-mexico/img-contacto.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    height: auto;
    min-height: 650px;
    overflow: hidden;
}
#formulario .form-control {
    font-family: 'neue_haas_grotesk_text55roman';
    height: calc(1.8em + .75rem + 2px);
    padding: .375rem 1.4rem;
    font-size: 1.1rem;
    line-height: 1.5;
    color: #214089 ;
    background-color: #f3f1f1;
    border: none;
    border-radius: 50px;
}
#formulario .form-control::placeholder {
    color: #214089;
    opacity: 1;
}
#formulario textarea.form-control {
    height: 120px;
    border-radius: 20px;
    resize: none;
}

.btn-form{
    font-family: 'DMSans';
    font-size: 18px;
    color: #fff;
    background-color: #ff6c00;
    padding: .8rem 50px;
    border-radius: 60px;
    float: right;
}

.btn-form:hover{
    background-color: #181818;
}
.col-contacto-phone{
    position: relative;
    float: left;
    width: 240px;
}
.col-contacto-mail{
    position: relative;
    float: left;
    width: calc(100% - 240px)
}
.phone-icon{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    background-image: url("/ui/brand/tiendas/odisea-mexico/phone-icon.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    overflow: hidden;
    margin-right: 5px
}
.datos-form-1{
    position: relative;
    float: left;
    width: calc(100% - 40px);

}
.datos-form-1 p, .datos-form-2 p{
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 14px;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 0;
}
.datos-form-1 a, .datos-form-1 a:hover, .datos-form-2 a, .datos-form-2 a:hover{
    font-family: 'neue_haas_grotesk_text_pr65Md';
    font-size: 18px;
    line-height: 1;
    color: #ffffff;
    text-decoration: none;
}
.mail-icon{
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("/ui/brand/tiendas/odisea-mexico/mail-icon.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    overflow: hidden;
    margin-right: 5px
}
.datos-form-2{
    position: relative;
    float: left;
    width: calc(100% - 45px);

}
.footer-bg{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 530px;
    /* background-image: url(/ui/brand/tiendas/odisea-mexico/footer-bg.jpg); */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    overflow: hidden;
    padding: 30px 100px;
    background-color: #000000;
}
.footer-bg-top{
    position: relative;
    float: left;

    width: 100%;
    height: 20px;
    background-color: #cdcdcd;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    margin-top: 100px;
}
.logo-footer{
    position: relative;
    width: 128px;
    height: 134px;
    background-image: url("/ui/brand/tiendas/odisea-mexico/logo-footer.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.footer-bg p{
    font-family: 'DMSans';
    color: #ffffff;
    font-size: 13px;
    line-height: 1.3;
}
.footer-bg strong{
    font-family: 'DMSansmedium';
    color: #ffffff;
}
a.tel-footer{
    font-family: 'DMSansmedium';
    font-size: 15px;
    color: #cccccc;
    text-decoration: none;
    transition: all 0.3s;
    display: block;
}
a.tel-footer:hover{
    color: #ffffff;
}
a.mail-footer{
    font-family: 'DMSans';
    font-size: 15px;
    color: #cccccc;
    text-decoration: none;
    transition: all 0.3s;
    display: block;
}
a.mail-footer span{
    font-family: 'DMSansmedium';
    font-size: 15px;
    color: #cccccc;
    text-decoration: none;
    transition: all 0.3s;
}
a.mail-footer span:hover{
    color: #ffffff !important;
}
.footer-bg p.horario{
    font-family: 'DMSansmedium';
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 0px;
}
.container-redes{
    position: relative;
    width: 100%;
    height: 50px;
    margin-top: 30px;
    /*overflow: hidden;*/
}
.container-redes-txt{
    position: relative;
    float: left;
    width: 60px;
}
.container-redes-txt p{
    color: #ffffff;
    margin-top: 10px;
}
.container-redes-txt p.txt-siguenos{
    font-size: 12px;
}
.container-redes-icons{
    position: relative;
    float: left;
    width: 100%;

}
.bt-redes{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 3px;
    background-color: #111111;
    border-radius: 50px;
    transition: all 0.5s;
}
.bt-redes:hover{
    background-color: #820459;
}
.bt-redes .facebook{
    position: absolute;
    width: 12px;
    height: 18px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/facebook.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 23%;
    left: 30%;
}
.bt-redes .instagram {
    position: absolute;
    width: 19px;
    height: 21px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/instagram.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 20%;
    left: 22%;
}
.bt-redes .youtube{
    position: absolute;
    width: 21px;
    height: 20px;
    background-image: url("/ui/brand/tiendas/odisea-mexico/youtube.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 22%;
    left: 21%;
}
.bt-redes .tiktok{
    position: absolute;
    width: 18px;
    height: 19px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/tiktok.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 21%;
    left: 25%;
}
.bt-redes .x{
    position: absolute;
    width: 18px;
    height: 19px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/x.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 21%;
    left: 25%;
}


.container-footer-links{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100px;
    overflow: hidden;
    /*  margin-top: 80px;*/
}
.container-footer-items{
    position: relative;
    width: 100%;
    margin-top: 20px;
}
.container-footer-links h6{
    font-family: 'DMSans';
    font-size: 14px;
    color: #ffffff;
}
.container-footer-links h6 a{
    font-family: 'DMSans';
    font-size: 19px;
    color: #ffffff;
    text-decoration: none;

}
.container-footer-links h6 a:hover{
    color: #ffffff;

}
ul.no-bullets {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.no-bullets li{
    margin-bottom: 1px;
}
.no-bullets a{
    color: #cccccc;
    font-family: 'DMSans';
    font-size: 13px;
    text-decoration: none;
}
.no-bullets a:hover{
    color: #ffffff;
}
.container-footer-copy{
    position: relative;
    width: 100%;
    border-top: 1px solid #333333;
    margin-top: 20px;
    padding-top: 15px;
}

.powerby a{
    display: block;
    float: right;
    color: rgba(255,255,255,.7);
    text-decoration: none;
    font-family: 'nunitomedium';
    font-size: 15px;
}
.powerby a span{
    font-family: 'nunitolight';
    font-size: 11px;
}
.container-porque{
    position: relative;
    margin: 60px 0;
    height: auto;
    min-height: 100px;
    overflow: hidden;
}
.bg-porque{
    position: absolute;
    background-color: #f0f0f0;
    width: 80%;
    height: 100%;
    right: 0;
}
.porque-img{
    position: relative;
    width: 100%;
    min-height: 485px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/porque-panda.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
}
.porque-img-2{
    position: relative;
    width: 100%;
    min-height: 1116px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/porque-panda-2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.porque-img-3{
    position: relative;
    width: 100%;
    min-height: 1116px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/porque-panda-4.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.porque-img-4{
    position: relative;
    width: 100%;
    min-height: 485px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/porque-panda-3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.container-porque-txt{
    position: relative;
    margin: 80px 80px;
}
.container-porque-txt h1, .container-productos h1{
    font-family: 'din_next_lt_proMdCn';
    font-size: 60px;
    line-height: 1;
    color: #214089;
}
.container-porque-txt h4, .container-productos h4{
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 24px;
    line-height: 1.2;
    color: #1e3659;
    text-align: justify;
}
.container-porque-txt strong{
    font-family: 'neue_haas_grotesk_text_pr75Bd';
    font-weight: normal;
}
.container-productos{
    position: relative;
    width: 100%;
    margin: 60px 0;
    height: auto;
    min-height: 100px;
    overflow: hidden;
}
.container-productos-col{
    position: relative;
    width: 100%;
    margin: 20px 0 30px 0;
    height: auto;
    min-height: 100px;
    overflow: hidden;
    padding: 0 20px;
}
.container-productos-img{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 255px;
    overflow: hidden;
}
.container-num{
    position: relative;
    float: left;
    width: 50%;
    color: #041936;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
    font-size: 13px;
}
.container-productos-color{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 20px;
    overflow: hidden;
}
.container-color{
    position: relative;
    float: left;
    width: 50%;
}
.color-circulo{
    position: relative;
    float: right;
    width: 15px;
    height: 15px;
    border-radius: 20px;
    margin-left: 4px;
}
.color-1{
    background-color: #f26543 ;
}
.color-2{
    background-color: #000000;
}
.container-productos-titulo h4{
    color: #041936;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 24px;
    line-height: 1;
    text-align: center;
    /* margin: 30px 0; */
    /* min-height: 80px; */
    height: auto;
    overflow: hidden;
}
.container-productos-descripcion{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 55px;
    overflow: hidden;
    color: #214089;
    font-size: 16px;
}
.container-productos-descripcion p{
    color: #5e5e5e;
    font-size: 16px;
    line-height: 1;
    font-family: 'nunitomedium';
    text-align: justify;
}
.btn-mas-info{
    background-color: #0e388d;
    border-color: #0e388d ;
    display: block;
    width: 200px;
    border-radius: 50px;
    margin: 0 auto;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 16px;
    margin-bottom: 30px;
}
.btn-mas-info:hover, .btn-mas-info:active, .btn-mas-info:focus, .btn-mas-info:not(:disabled):not(.disabled).active, .btn-mas-info:not(:disabled):not(.disabled):active, .show > .btn-mas-info.dropdown-toggle{
    background-color: #000;
    border-color: #000 ;
}
.btn-mas-productos{
    background-color: #000;
    border-color: #000 ;
    display: block;
    width: 200px;
    border-radius: 50px;
    margin: 0 auto;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 16px;
    float: right;
    margin-right: 30px;
    margin-top: 40px;
}
.btn-mas-productos:hover, .btn-mas-productos:active, .btn-mas-productos:focus, .btn-mas-productoso:not(:disabled):not(.disabled).active, .btn-mas-productos:not(:disabled):not(.disabled):active, .show > .btn-mas-productos.dropdown-toggle{
    background-color: #0e388d;
    border-color: #0e388d ;
}
.breadcrumb {
    padding: 0rem 1rem .75rem 1rem;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
}
ol.breadcrumb {
    padding: 10px 16px 0px 16px;
    list-style: none;
    background-color: transparent;
}
ol.breadcrumb li {
    display: inline;
    font-size: 13px;
    font-family: 'robotoregular';
}
.breadcrumb-item + .breadcrumb-item::before {
    color: #545454;
}
ol.breadcrumb li a {
    color: #676566;
    text-decoration: none;
}
ol.breadcrumb li a:hover {
    color: #b8b7b7;
    text-decoration: none;
}
.container-no-letal-1{
    position: relative;
    width: 100%;
    min-height: 90px;
    height: auto;
    overflow: hidden;
    background-color: #2f5cc6;
    border-radius: 15px;
    padding: 28px 10px 15px 10px;
}
.container-naranja-2{
    background-color: #244ca8;
}
.container-naranja-3{
    background-color: #214089;
}
.icon-mira-blanco{
    position: relative;
    float: left;
    width: 75px;
    min-height: 75px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon-mira-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -5px;
}
.container-no-letal{
    position: relative;
    float: left;
    width: calc(100% - 95px);
}
.container-no-letal h4{
    color: #ffffff;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
    font-size: 25px;
    line-height: 1;
    text-align: justify;
}
.container-no-letal h5{
    color: #ffffff;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 24px;
    line-height: 1;
    text-align: justify;
}
.container-valores{
    position: relative;
    width: 100%;
    min-height: 30px;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}
.container-valores-icon{
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 20px;
}
.container-valores-text{
    position: relative;
    float: left;
    width: calc(100% - 120px);
}
.baner-footer{
    display: block;
    position: relative;
    width: 100%;
    background-image: url(/ui/brand/tiendas/odisea-mexico/baner-footer.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 280px;
    height: auto;
}
a.aviso{
    /*position: relative;
    float: left;*/
    font-family: 'DMSans';
    color: #cccccc;
    font-size: 13px;
    padding-left: 5px;
    text-decoration: none;
}
a.aviso:hover{
    text-decoration: none;
    color: #ffffff;
}
p.footer-derechos{
    position: relative;
    float: left;
}
.demo-tienda{
    display: block;
    position: relative;
    width: 100%;
    background-image: url(/ui/brand/tiendas/odisea-mexico/home_xpertshop.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    height: 5641px;
}
@media (max-width: 1200px){
    .logo-nav {
        width: 150px;
    }
    .container-txt-soluciones h1 {
        font-size: 65px;
    }
}
@media (min-width: 1180px){
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }

}
@media (max-width: 1180px){
    .nav-link {
        padding: .5rem 1rem;
        text-align: center;
    }
    .bg-nav-top{
        display: none;
    }
    .navbar-dark .navbar-nav .nav-link.link-shop{
        margin-bottom: 40px;
    }
}

@media (max-width: 1280px){
    .carousel-item h1{
        font-size: 55px;
    }
    .carousel-item h2 {
        font-size: 53px;
    }
}
@media (max-width: 992px){
    .container-top-tel, .container-top-faq{
        display: none;
    }
    .navbar-brand {
        padding-top: 0;
    }
    .carousel-item h1{
        font-size: 45px;
    }
    .carousel-item h2 {
        font-size: 43px;
    }
    .container-footer-links{
        display: block;
    }
    .container-txt-soluciones h1 {
        font-size: 55px;
    }
}
@media (max-width: 768px){


    .tituloo_foto {
        font-size: 60px;

    }

    .tituloo {
        font-size: 53px;
    }

    .back_int{
        background-size: contain;
    }
    .bg-soluciones-3, .bg-soluciones-5 {
        margin-left: 0;
    }
    .container-bg-contacto-1{
        margin-top: 40px;
    }
    .btn-form {
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }
    .g-recaptcha {
    }
    .col-contacto-phone, .col-contacto-mail{
        display: none;
    }
    .footer-bg-top{
        margin-top: 0;
    }
    .carousel-item h1, .carousel-item h2, .btn-slider{
        display: none;
    }


}
@media (max-width: 768px) {


    .fechas {

        min-height: 118px;

    }


    .total_align{
        text-align: left;
    }

    dl, ol, ul {
        margin-bottom: 0rem !important;
    }

    .carousel-card {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .carousel-card .carousel {
        padding: 1px 0 !important;
    }
    .row_00{
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .no-gutters>.col, .no-gutters>[class*=col-] {
        padding-right: 15px;
        padding-left: 15px;
    }

    .bg-soluciones-3int {
        margin-left: 0px !important;
    }

    .bg-soluciones-6 {
        margin-left: 0px !important;
    }

    .bg-soluciones-7 {
        margin-left: 0px !important;
    }

    .contenedor_texto_ventajas {
        width: 100% !important;
    }

    .icon_vent_01 {
        width: 100% !important;
    }
    .icon_vent_02 {
        width: 100% !important;
    }
    .icon_vent_03 {
        width: 100% !important;
    }
    .icon_vent_04 {
        width: 100% !important;
    }
    .titulo_ventajas {
        text-align: center !important;
    }

    .container-quienes-2 {
        min-height: 100px !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
@media (max-width: 768px){
    .carousel-item h1{
        font-size: 34px;
    }
    .nav-top{
        display: none;
    }
    .navbar {
        padding: .5rem 1rem;
        margin-top: 0px;
    }
    .logo-nav{
        width:140px;
    }
    .container-bloque-1 p {
        font-size: 16px !important
    }
    .container-bloque-1 h1{
        font-size: 26px;
    }
    .container-bloque-1 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .footer-bg {
        padding: 30px 30px;
    }
    .logo-footer {
        margin: 0 auto;
    }
    .footer-bg p, a.tel-footer, a.mail-footer {
        text-align: center;
    }
    .container-redes {
        width: 194px;
        margin-left: auto;
        margin-right: auto;
    }
    .bg-soluciones-8, .bg-soluciones-9, .container-video-home{
        margin-right: 0px;
    }
    .container-video-home{
        margin-bottom: 15px;
    }
    .bg-soluciones-8, .bg-soluciones-9, .bg-soluciones-10{
        min-height: 305px;
    }
    .box{
        height: 305px;
    }
    .powerby a{
        text-align: center;
        float: none;
    }
    .btn-mas-productos{
        float: none;
        margin: 40px auto 0 auto;
    }
    .container-porque-txt {
        position: relative;
        margin: 20px 20px;
    }
    .porque-img-2, .porque-img-3 {
        margin: 40px 0;
        min-height: 836px;
    }
    .container-bloque-2{
        margin-top: 40px;
    }
    .container-porque {
        margin: 20px 0;
    }
    .baner-footer{
        background-image: url(/ui/brand/tiendas/odisea-mexico/baner-footer-mobile.png);
        min-height: 280px;
    }
    .pleca_roja{
        margin-left: 40px;
        margin-right: 40px !important;
    }
}
@media (max-width: 440px){

    .tituloo_foto {
        font-size: 33px;
    }


    .header_infraestructura {
        font-size: 28px !important;
    }
    .w-100 {
        min-height: 50px;
    }
    .container-porque-txt {
        margin: 80px 20px;
    }
}


@media (max-width: 440px){
    .titulo_interior {

        font-size: 34px;

    }

    .fondo_galeria {

        padding: 0px;

    }

}

/* 
    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: 200px;
    right: 0;
    top: 35%;
    background-color: #fe7302;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 1001;
    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(/ui/brand/tiendas/odisea-mexico/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: 14px;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 5px;
}
.header_nosotros {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/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(/ui/brand/tiendas/odisea-mexico/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(/ui/brand/tiendas/odisea-mexico/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(/ui/brand/tiendas/odisea-mexico/fondo_interior-2.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.bg-header .header-bottom-bg {
    position: absolute;
    background-image: url(/ui/brand/tiendas/odisea-mexico/pleca_puntos3.webp);
    background-color: transparent;
    background-repeat: repeat-x;
    width: 100%;
    height: 24px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    bottom: 4px;
}

.container-bg-contacto-2{
    position: relative;
    width: 100%;
    min-height: 50vh;
    height: auto;
    background-color: #0b7287 ;
}


.precio{
    font-family: 'DMSansmedium';
    font-size: 20px;
    line-height: 1;
    color: #ffffff;
}
.precio span{
    /*font-size: 12px;*/
}

#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: 16px;
    margin-top: 10px;
}

.container-bg-contacto-2 a{
    color: #15d4fb;
    transition: all 0.3s ease;
}
.container-bg-contacto-2 a:hover{
    color: #064569;
}


#formulario-2 fieldset .form-control {
    background-color: #064569;
    border: 1px solid #064569;
}
.contenedor_formacontacto{
    padding: 0 50px;
}
.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%;
    margin-bottom: 22px;
}
.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 {
    border-radius: 7px;
    float: right;
}
#formulario-2 .btn-form:hover{
    background-color: #b93800;
    border-color: #ff4e00;
    color: #fff;
    box-shadow: 0 5px 15px rgba(243, 239, 239, 0.57);
}
.bg-rigth-boletos{
    width: 100%;
    background-color: #04333d;
    height: 120vh;
}
.container-img-boletos {
    position: relative;
    width: 100%;
    background-image: url("/ui/brand/tiendas/odisea-mexico/bg-seccion-boletos.webp");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 100%;
    max-height: 100%;
    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;
    }
}



/* 
    Created on : 29 may. 2025, 14:15:25
    Author     : Misael
*/


a:hover {
    color: #ffffff;
    text-decoration: none !important;
}

a {
    color: #676566;
    text-decoration: none !important;
    background-color: transparent;
}


.centradoo{
    margin-top:20px !important;
}

.f_calendario{
    position: relative;
    width: 100%;
    min-height: 1116px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/f_calendario.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}


.icon-calendario01 {
    position: relative;
    float: left;
    width: 50px;
    min-height: 50px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon_person.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -5px;
    margin-right: 10px;
}

.icon-calendario02 {
    position: relative;
    float: left;
    width: 50px;
    min-height: 50px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon_time.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -5px;
    margin-right: 10px;
}

.icon-calendario03 {
    position: relative;
    float: left;
    width: 50px;
    min-height: 50px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon_location.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -5px;
    margin-right: 10px;
}

.icon-calendario04 {
    position: relative;
    float: left;
    width: 50px;
    min-height: 50px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon_calendar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -5px;
    margin-right: 10px;
}

.icon-calendario05 {
    position: relative;
    float: left;
    width: 50px;
    min-height: 50px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/icon_diploma.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -5px;
    margin-right: 10px;
}


.container-curso {
    position: relative;
    width: 100%;
    min-height: 50px;
    height: auto;
    overflow: hidden;
    background-color: #214089;
    border-radius: 15px;
    padding: 10px;
    /* padding-top: 25px; */
}

.contenedor_curso_gris {

    background-color: #f5f5f5;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
    font-size: 20px;
    line-height: 1;
    text-align: justify;
    padding: 10px;
    min-height: 50px;
    height: auto;
    overflow: hidden;
    width: 100%;
    position: relative;
    float: left;
    margin-top: 20px;
    /*  margin-bottom: 25px;*/
    border-radius: 8px;
    border-width: 1px;
    border-color: #949494;
    border-style: solid;

}

.container-curso h4 {
    color: #ffffff;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
    font-size: 22px;
    line-height: 1;
    text-align: justify;
}


.avisooo a {
    color: #ffffff !important;
    text-decoration: none !important;
    background-color: transparent;
}

.norange{
    color: #214089 !important;
}

.powerby a {
    display: block;
    float: right;
    color: #ffffff;
    text-decoration: none;
    font-family: 'nunitomedium';
    font-size: 15px;
}

.powerby a :hover{

    color: #ffffff;

}

.header_calendario {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/headers_calendario.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;
}



.marco_02 {
    position: relative;
    width: 100%;
    min-height: 485px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/marco_2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.marco_01 {
    position: relative;
    width: 100%;
    min-height: 1116px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/marco_01.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.towi-01 {
    position: relative;
    width: 100%;
    min-height: 1000px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/porque-panda-3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}


.towi-02 {
    position: relative;
    width: 100%;
    min-height: 485px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/towi_2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.btn-towi {
    background-color: #000;
    border-color: #000;
    display: block;
    width: 250px;
    height: 60px;
    border-radius: 50px;
    padding: 17px;
    margin: 0 auto;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 16px;
    float: right;
    margin-top: -39px;
    margin-right: 24%;
    /* margin-top: 10px; */
    margin-bottom: 35px;
}

.btn-towi:hover, .btn-mas-productos:active, .btn-mas-productos:focus, .btn-mas-productoso:not(:disabled):not(.disabled).active, .btn-mas-productos:not(:disabled):not(.disabled):active, .show > .btn-mas-productos.dropdown-toggle{
    background-color: #fe5401;
    border-color: #fe5401 ;
}


.btn-whatsapp {
    display: block;
    width: 50px;
    height: 50px;
    color: #fff;
    position: fixed;
    right: 40px;
    bottom: 40px;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    z-index: 999;
}


.slogan2 {
    font-family: 'din_next_lt_proMdCn';
    font-size: 38px;
    line-height: 1;
    color: #f26543;
    text-decoration: none !important;
    text-align: center;
}

.slogan2:hover {
    text-decoration: none !important;
}

.slogan {
    font-family: 'din_next_lt_proMdCn';
    font-size: 30px;
    line-height: 1;
    color: #f26543;
    text-decoration: none !important;
}

.slogan:hover {
    text-decoration: none !important;
}


.ocultar_escritorio {
    display: block !important;
}

.ocultar_mobile {
    display: none !important;
}

.sostenibilidad_grande {
    position: relative;
    width: 100%;
    min-height: 900px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/sostenibilidad_grande.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.sostenibilidad_01 {
    position: relative;
    width: 100%;
    min-height: 500px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/sostenibilidad_ambiental.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /* margin: 10px 20px; */
    border-radius: 15px;
    margin-bottom: 40px;
}

.sostenibilidad_02 {
    position: relative;
    width: 100%;
    min-height: 300px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/sostenibilidad_capacitacion.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*margin: 10px 20px;*/
    border-radius: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}


.header_solucion2 {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_extra2.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_soluciones2 {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/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_soluciones {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_soluciones.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_sostenibilidad {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_sostenubilidad.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_contactook {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(/ui/brand/tiendas/odisea-mexico/header_contacto.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;
}

.sol_int_01 {
    position: relative;
    background-image: url(/ui/brand/tiendas/odisea-mexico/solucion_int_01.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: auto;
    min-height: 350px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px;
    border-radius: 15px 15px 0px 0px;
    /*border-color: #f3f3f4;
    border-style: solid;
    border-width: 1px;*/
}

.sol_int_02 {
    position: relative;
    background-image: url(/ui/brand/tiendas/odisea-mexico/solucion_int_02.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: auto;
    min-height: 350px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px;
    /*border-radius: 15px 15px 0px 0px;
    border-color: #f3f3f4;
    border-style: solid;
    border-width: 1px;*/
}

.sol_int_03 {
    position: relative;
    background-image: url(/ui/brand/tiendas/odisea-mexico/solucion_int_03.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: auto;
    min-height: 350px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px;
    /* border-radius: 15px 15px 0px 0px;
     border-color: #f3f3f4;
     border-style: solid;
     border-width: 1px;*/
}


.sol_int_corta {
    position: relative;
    background-image: url(/ui/brand/tiendas/odisea-mexico/sol_corta.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: auto;
    min-height: 350px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px;
    /* border-radius: 15px 15px 0px 0px;
     border-color: #f3f3f4;
     border-style: solid;
     border-width: 1px;*/
}

.sol_int_md {
    position: relative;
    background-image: url(/ui/brand/tiendas/odisea-mexico/440-BM4.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: auto;
    min-height: 350px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px;
    /* border-radius: 15px 15px 0px 0px;
     border-color: #f3f3f4;
     border-style: solid;
     border-width: 1px;*/
}

.sol_int_larga {
    position: relative;
    background-image: url(/ui/brand/tiendas/odisea-mexico/sol_larga.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: auto;
    min-height: 350px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px;
    /* border-radius: 15px 15px 0px 0px;
     border-color: #f3f3f4;
     border-style: solid;
     border-width: 1px;*/
}


.pleca_roja {
    position: relative;
    line-height: 1;
    width: 100%;
    height: auto;
    background-color: #214089;
    color: #ffffff;
    min-height: 60px;
    overflow: hidden;
    margin-bottom: 40px;
    margin-right: 0px;
    border-radius: 15px 15px 15px 15px;
    padding: 10px;
    text-align: center;
    font-family: 'din_next_lt_proMdCn';
    font-size: 40px;

}


.centradoo{
    text-align: center !important;
}

.contenedor_gris{
    background-color: #f3f3f4;
    padding: 15px;
    height: auto;
    min-height: 124px;
    overflow: hidden;
}

.contenedor_gris2 {
    background-color: #f3f3f4;
    padding: 15px;
    height: auto;
    min-height: 60px;
    overflow: hidden;
}

.box_dos {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
    border-radius: 0px;
    /* background: #000; */
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); */
    transition: .5s;
    /* margin-bottom: 11px; */
}

.textoo_general{
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 20px;
    line-height: 1.2;
    color: #1e3659;
}

.titulo_general{
    font-family: 'neue_haas_grotesk_text_pr65Md';
    font-size: 24px;
    line-height: 1;
    color: #1e3659;

}


.titulo_big_naranja {
    font-family: 'din_next_lt_proMdCn';
    color: #f26543;
    font-size: 60px;
    line-height: 1;
    text-align: center;
}



@media (max-width: 1200px) {
    /*    .contenedor_gris {
    
            min-height: 305px;
        }*/
}



@media (max-width: 768px) {


    .baner-footer {

        min-height: 233px !important;
    }


    .bg-porque {
        width: 100%;

    }


    .ocultar_mobile {
        display: block !important;
    }


    .ocultar_escritorio {
        display: none !important;
    }



    .contenedor_gris {

        min-height: 90px;
    }


    .sol_int_01 {
        background-size: contain;
        min-height: 350px;
    }

    .sol_int_02 {
        background-size: contain;
        min-height: 350px;
    }

    .sol_int_03{
        background-size: contain;
        min-height: 350px;
    }

    .sol_int_corta{
        background-size: contain;
        min-height: 350px;
    }
    .sol_int_larga{
        background-size: contain;
        min-height: 350px;
    }


    .box_dos {

        height: 350px;

    }

}
@media (max-width: 320px) {

    .sol_int_03 {
        min-height: 300px;

    }

    .sol_int_02 {
        min-height: 300px;

    }

    .sol_int_01 {
        min-height: 300px;

    }

    .box_dos {

        height: 300px;

    }

}

.container-inside-form .fl-wrap {
    margin: 0 5px 13px 5px;
}
/*.container-bg-contacto-2 label{
    font-family: 'DMSansmedium';
    color: #ffffff;
}
.container-bg-contacto-2 .fl-wrap label {
    top: 7px;
}
.container-bg-contacto-2 .fl-wrap {
    font-size: 16px;
    font-family: Arial;
}
*/

.fl-wrap.contain-select::before {

    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;
    background-color: var(--background-color-input);
}


.account-text.have-account-txt-1{
    font-family: 'DMSans';
    font-size: 24px;
    color: #ffffff;
    line-height: 1.1;
}

.account-text.have-account-txt-2{
    font-family: 'DMSans';
    font-size: 24px;
    color: #ffffff;
    line-height: 1.1;
}
.account-text.have-account-txt-2 span{
    color: #15d4fb;
    transition: all 0.3s ease;
}


.container-shipping-address-txt{
    font-family: 'DMSans';
    font-size: 24px;
    color: #ffffff;
    line-height: 1.1;
    margin-bottom: 10px;
}


.account-separate {
    border-top: 2px dashed #fff;
}


/* ===== FONDOS PRINCIPALES (DARK MODE) ===== */
.payment-steps {
    background-color: #12768a;  /* Fondo oscuro principal */
    color: #e0e0e0;  /* Texto claro para mejor contraste */
    padding: 15px;
    border-radius: 10px;
}

.refrenciado-txt-li {
    background-color: #0b92ad;  /* Fondo de tarjetas más claro que el principal */
    border-left: 4px solid #ff4757;  /* Rojo vibrante para acentos */
    color: #f0f0f0;
}

/* ===== ELEMENTOS NUMERADOS ===== */
.refrenciado-txt-li::before {
    background: #ff4757;  /* Rojo más vibrante para contraste en oscuro */
    color: #fff;
}

/* ===== LISTAS DE VERIFICACIÓN ===== */
.verification-list li::before {
    color: #ff6b81;  /* Rojo coral suave */
}

.step-header {
    color: #ffffff;  /* Blanco puro para títulos */
}

/* ===== MENSAJES ESPECIALES ===== */
.warning-message {
    background-color: #3a2e25;  /* Fondo ámbar oscuro */
    border: 1px solid #ffa502;  /* Borde amarillo/naranja */
    color: #ffd166;  /* Texto amarillo claro */
}

.tip-box {
    background-color: #2a3a4a;  /* Azul oscuro para consejos */
    border-left: 4px solid #3498db;  /* Azul brillante */
    color: #b8e2f8;
}

/* ===== BOTONES ===== */
.copy-btn {
    background-color: #ff4757;
    color: #fff;
}
.copy-btn:hover {
    background-color: #e84118;
}

/* ===== TEXTOS DESTACADOS ===== */
.text-color-red {
    color: #ff6b81;  /* Rojo coral para énfasis */
}

.highlight-box {
    background-color: #3a2e39;  /* Morado oscuro */
    border: 1px solid #9b59b6;
    color: #e0aaff;
}

.add-creditcart{
    background-color: #27a2bc;
}
.amex-special{
    background-color: #19487f;
}
.bi-credit-card{
    color: var(--color-btn);
}
#ver_politica{
    color: #15d4fb;
    transition: all 0.3s ease;
}

.container-user-name, .container-user-name-mail, .container-user-name-mail-is-not-you{
    font-family: 'DMSans';
    font-size: 24px;
    color: #ffffff;
    line-height: 1.1;
}

.container-user-name-mail-is-not-you a{
    font-size: 22px;
}

.fiscal_datas, .full-fiscal {
    background-color: #27a2bc;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    margin-bottom: 40px;
}
#agregar_fiscal_nueva,#cambio_fiscal{
    margin-top: 30px;

}

.container-user-name-mail-is-not-you, .container-btn-back{
    color: #fff;
    margin-bottom: 15px;
}
.tax-selection.active,.container-check.inside .text-check, .text-time-left{
    color: #fff;
}



.fiscal_datas .container-add-boton{
    position: absolute;
    bottom: 10px;
    right: 2px;
}


.myModal-full h5{
    color: #585858;
}

.refrencias-pago p{
    color: #2a2a2a !important;
}


.container-contact-paragraph, .container-contact-list, .container-copyright, .container-voucher-quantity .table{
    color: #fff !important;
}


.container-info-pagos-final{
    color: #fff !important;
    text-align: justify !important;
}


.container-invoice-number{
    color: #eaa4b5;
}


.container-invoice-message{
    color: #fff !important;
}


/* Estilo del cronómetro flotante */
.cronometro-flotante {
    position: fixed;
    top: 130px;
    right: 30px;
    z-index: 1000;
    color: white;
    padding: 1px 20px;
    border-radius: 50px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(5px);
    border: 2px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
    font-family: 'Segoe UI', sans-serif;
    display: flex;
    align-items: center;

}

.cronometro-flotante:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.cronometro-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#cronometro {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
}

.cronometro-icon {
    font-size: 20px;
    margin-bottom: 5px;
}

.cronometro-text {
    font-size: 12px;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Animación de flotar */
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* Estilo cuando el tiempo está por acabarse */
.cronometro-ok {
    background: rgba(31, 179, 0, 0.9);
    animation: float 3s ease-in-out infinite;
}

.cronometro-alerta {
    background: rgba(179, 20, 0, 0.9) !important;
    animation: pulse 1s infinite alternate;
}
.cronometro-warning {
    background: rgba(242, 195, 8, 0.9) !important;
    animation: pulse2 2s infinite alternate;
}

@keyframes pulse {
    from {
        box-shadow: 0 0 0 0 rgba(255, 50, 50, 0.4);
    }
    to {
        box-shadow: 0 0 0 10px rgba(255, 50, 50, 0);
    }
}

@keyframes pulse2 {
    from {
        box-shadow: 0 0 0 0 rgba(187, 150, 3, 0.4);
    }
    to {
        box-shadow: 0 0 0 10px rgba(255, 50, 50, 0);
    }
}