body {
    padding-top: 75px;
}

@media (min-width:1024px) {

    .navigation-bar-container .img-header-right,
    .navigation-bar-container .img-header-left {
        position: absolute;
        display:flex;
        z-index: 0;
    }

    .navigation-bar-container .img-header-right {
        right: -120px;
    }

    .navigation-bar-container .img-header-left {
        left: -120px;
    }


    #menu__list {
        display: block;
    }

    main {
        max-width: 1220px;
        margin: 0 auto;
        overflow-x: hidden;
    }

    .top-bar {
        top: 124px;
    }

    .top-bar__container {
        max-width: 1220px;
        margin: 0 auto;
        overflow-x: hidden;
        padding: 0 30px
    }

    .top-bar.networking-chat .top-bar__container {
        padding:0;
        max-width: 40%;
    }
    .navigation-bar {
        display: block;
        padding: 0
    }

    .navigation-bar__menu li:hover {
        background-color: transparent;
    }

    .menu__icon,
    .menu__icon-close {
        display: none
    }

    .icon-twitter img {
        max-width: 16px
    }

    .navigation-bar-container {
        display: grid;
        grid-template-columns: 1fr 1.5fr 1fr;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding: 5px 32px;
        background-color: var(--background-color);
    }
        .navigation-bar-container .date {
            font-size: 12px;
            color: #fff;
            font-weight: 500;
            text-align: right;
            display: initial;
            grid-column: 2;
            grid-row: 1;
        }

        .navigation-bar-container ul {
            display: flex;
            align-items: center;
            justify-content: right;
            gap: 40px;
            overflow-y: initial;
            padding: 0
        }

        .navigation-bar-container li {
            padding: 0
        }

            .navigation-bar-container li a {
                color: #000;
                font-size: unset;
                justify-content: unset
            }


        .navigation-bar-container ul:first-of-type {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            row-gap: 0;
            justify-content: center;
        }

    .navigation-bar__menu {
        grid-column: 2;
    }

        .navigation-bar__menu li {
     
            font-weight: 500;
        }

            .navigation-bar__menu li:hover a {
                opacity: 0.5;
            }

/*

        .navigation-bar__menu a.selected {
            color: var(--secondary-color);
        }
*/
    .navigation-bar-container a > img {
        width: initial;
        margin: 0 15px 0 0
    }

    .navigation-bar-container ul {
        position: initial;
        padding-top: initial;
    }

        .navigation-bar-container ul:first-of-type li {
            /*margin: 0 20px;*/
            border-bottom: none
        }

        .navigation-bar-container ul li a {
            display: flex;
            align-items: center;
            gap: 5px;
            font-weight: 600;
            font-size: 13px;
            font-family: var(--primary-font);
            color:#fff
        }


        .navigation-bar-container ul li span {
            color: #FFF;
            font-family: Roboto Mono;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        .navigation-bar-container ul li.active {
            background-color: rgb(31,115,47);
            border-radius: 25px;
            padding: 8px 20px;
        }

    .navigation__media {
        width: 100%;
        height: 28px;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--secondary-color);
        justify-content: flex-end;
        align-items: center;
    }

    .navigation__media-container {
        margin-right: 80px;
        display: flex;
        align-items: center;
        height: inherit;
        border-top: none
    }

    .icon-social {
        color: #fff;
        padding: 0 20px;
        height: 100%;
        border-left: 1px solid white;
        display: flex;
        align-items: center;
    }

        .icon-social:last-of-type {
            border-right: 1px solid white;
        }

        .icon-social:hover {
            color: #000
        }

        .icon-social span {
            height: 17px
        }

    .icon-twitter img {
        filter: brightness(0) invert(1);
    }

    .icon-twitter:hover img {
        filter: brightness(2) invert(1);
    }

    #menu__list .submenu {
        width: 200px;
    }


        #menu__list .submenu.open {
            top: 77px;
            left: -54px;
        }

    .rounded li {
        background-color: rgb(31,115,47);
        border-radius: 50%;
        padding: 8px;
    }

    /*************************************
	                           CONTENT
    **************************************/

    .main-content {
        padding: 0 32px
    }

    .main-content__title-container {
        max-width: 55%
    }

    .main-content__date {
        font-size: var(--size-big)
    }

    .meetings__days-container,
    .exhibitors__title-container,
    .schedule__days-container {
        font-size: var(--size-bigger);
        border-bottom: 1px solid var(--color-medium);
    }

        .schedule__days-container .btn-all,
        .meetings__days-container .btn-all {
            padding-bottom: 6px
        }

    .exhibitors__title-container,
    .meetings-day--active,
    .program-day--active,
    .schedule-day--active,
    .schedule-content__day--active,
    .meetings-content__day--active,
    .exhibitors__category--active,
    .networking__sections--active {
        padding-bottom: 6px;
    }

        .exhibitors__title-container h2 {
            font-size: var(--size-bigger);
        }

    .btn-general__container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin: 40px 0 100px 0;
        gap: 2%
    }

    .btn-general {
        width: 100%;
        border-radius: 32px;
        padding: 32px 24px;
        align-items: flex-end;
    }

        .btn-general span {
            flex-direction: column;
            align-items: flex-start;
            gap: 40px;
            font-size: var(--size-big)
        }


    /*	.btn-general span img {
		width: 70px
	}*/

    .carousel-container.agenda-carousel,
    .schedule__elements-container {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        justify-content: space-between;
        justify-items: start;
    }

    .schedule,
    .schedule__elements {
        flex: initial;
        padding: 10px 24px 20px 24px;
        width: 95%;
        margin: 0 0 20px;
    }

    /*************************************
	                             LOGIN 
    **************************************/

    .login__container {
        margin-top: 50px
    }

    /*************************************
	                        NETWORKING 
    **************************************/

    .networking-content__container {
        width: 50%
    }

    .list__item-buttons {
        margin: 24px 0 10px
    }

        .list__item-buttons a,
        .btn-meeting {
            width: 49%;
            text-align: center;
        }

    .networking-chat__container {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 40%;
        background-color: #fff;
        margin: 35px 34px 100px;
        border-radius: 10px;
        position: fixed;
        /*height: calc(100% - 165px);*/
        height: calc(100% - 217px);
        justify-self: center;
    }

        .networking-chat__container li {
            padding: 0px 24px 40px;
        }

        .networking-chat__container ul {
            height: calc(100% - 90px);
            /*overflow: scroll;*/
            width: 100%;
            overflow:auto;
        }

    .networking-chat__text-contact,
    .networking-chat__text-user {
        width: 65%;
        margin-top: 40px
    }

    .input__chat-container {
        /*width: 37%;*/
        border: none;
        /*padding: 20px 0;*/
        /*background-color: transparent;*/
        /*margin: 11px 25px 14px;*/
        width: 100%;
        position: relative;
        margin: 0;
        padding: 20px;
    }

    .networking__search-container {
        margin: 32px 0 22px 0;
    }

    #divMeetings .list__item {
        padding: 24px 24px 10px;
    }

    #btnMore {
        margin: 20px 0
    }
        #btnMore:hover {
            background-color: #e4a925;
        }

    .modal-detail__container{
        max-width:1220px;
        margin:0 auto;
    }
    /*************************************
								AGENDA 
    **************************************/
    .schedule-content, .meetings-content {
        display: flex;
        justify-content: space-around;
        font-family: var(--font-secondary);
        width: 30%;
        margin: 10px 0 0;
    }

    .schedule-content{
        margin-bottom:10px;
    }

    /*************************************
	                          PONENTES 
    **************************************/
    .speakers__container {
        width: 50%;
        justify-self: center;
    }

    .exhibitors__search-container {
        margin-right: 0
    }

    .speakers-detail__container {
        margin-top: 95px
    }

    /*************************************
	                       EXPOSITORES 
    **************************************/

    .exhibitors__container {
        width: 100%;
        max-width: 680px;
        /*padding: 31px 0;*/
        margin: 0 auto
    }

        .exhibitors__container .btn-general span {
            gap: 15px
        }

        .exhibitors__container .btn-general {
            align-items: center;
            gap: 5px;
        }

    .exhibitors-detail__container {
        margin-top: 65px;
        padding: 40px 24px;
    }

        /*	.exhibitors-detail__container h2 {
			margin: 20px 0;
			border-bottom: 1px solid var(--color-medium);
			padding-bottom: 16px
		}*/

        .exhibitors-detail__container p {
            line-height: 1.7
        }



        .exhibitors-detail__container div:not(:nth-child(5)) .list__item {
            border: none !important
        }

    /*.exhibitors-detail__identity {
		display: grid;
		justify-items: start;
		justify-content: start;
		grid-template-columns: 1fr 3fr;
		width: fit-content;
		height: fit-content;
		align-content: center;
		align-items: start;
		margin: 0;
		column-gap: 32px;
	}*/

    .exhibitors-detail__logo {
        grid-row: span 2;
    }

    .exhibitors-detail__name {
        /*align-self: end;*/
    }

    .exhibitors-detail__info {
        font-size: 16px;
        display: grid;
        /*		grid-template-columns: 1fr 1fr;*/
        /*align-items: center;*/
    }

    .exhibitors-detail__container h2 {
        border-bottom: none;
        grid-column: span 2
    }

    .exhibitors-detail__info .col1 {
        grid-row: 2;
        grid-column: 1
    }

    .exhibitors-detail__info .col2 {
        grid-row: 2;
        grid-column: 2;
        padding-top: 0
    }

    #informacion .col2 img {
        padding-top: 0
    }

    @media (min-width: 1024px) {
        #docs .exhibitors-detail__list,
        #actividades .exhibitors-detail__list,
        #equipo .exhibitors-detail__list {
            width: 100%;
            display: grid;
            grid-template-columns: 1fr 1fr;
            column-gap: 1em
        }
    }
    /*************************************
	                    NOTIFICACIONES 
    **************************************/
    .alerts__container {
        width: 50%
    }

    /*************************************
								PERFIL 
    **************************************/


    .profile__info-container {
        gap: 24px;
        margin: 80px 0 100px;
        width: 440px;
        justify-content: space-between;
    }

    .profile__container .profile__buttons-container {
        position: absolute;
        top: 285px;
        bottom: unset;
        padding: 0;
        margin: 40px 0 10px;
        /*width: 440px*/
    }

        .profile__container .profile__buttons-container .btn-secondary {
            width: 48%;
            padding: 15px 30px
        }

    .profile__info-container .profile__info {
        margin-right: auto;
    }

    .edit-profile__container {
        display: flex;
        flex-direction: column;
        align-items: center; /* Centra horizontalmente en el eje X */
        text-align: center; /* Opcional, para centrar el contenido de texto */
        max-width: 1024px;
        margin: 0 auto; /* Centra horizontalmente en la página */
    }

        .edit-profile__img-container,
        .edit-profile__fields,
        .edit-profile__field,
        .profile__buttons-container,
        .edit-profile__container form {
            width: 100%;
            max-width: 100%;
        }

    .edit-profile__img-container {
        margin-top: 70px
    }

    .edit-profile__fields {
        margin-bottom: 70px
    }

    .profile__buttons-container {
        width: 100%;
        max-width: 1024px;
    }

    .edit-profile__field label {
        text-align: left;
        margin: 20px 0
    }
    /*************************************
							   MODALES 
    **************************************/
    .modal__container {
        width: 35%;
        max-height: 100%;
        height: 100%;
        right: -100px;
        left: unset;
        position: fixed;
        color: var(--color-darker);
        transition: right 0.3s ease;
        z-index: 1000;
    }

        .modal__meeting-container {
            max-height: calc(100vh - 176px);
        }

    .meetings-content__container #divMeetings {
        width: 50%
    }

    .modal__buttons-container {
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .modal__filters-container {
        max-height: calc(100vh - 234px);
    }

    /*************************************
							   FOOTER 
    **************************************/

    .footer__up img {
        width: 100%;
    }

    .footer__logos-container {
        gap: 50px;
    }
}


@media(min-width:1200px) {
    .all-exhibitors__container {
        grid-template-columns: repeat(5,1fr);
        padding-right: 0px;
        gap: 30px
    }

    .all-exhibitors__element-container {
        width: 180px;
        height: 180px;
    }

    /*	.btn-general span img {
		width: 90px;
	}*/
    .exhibitors__container {
        max-width: 1024px;
    }

    .navigation-bar-container a > img {
        max-width: 220px !important;
    }

    .navigation-bar-container {
        padding: 5px 32px;
    }


        .navigation-bar-container .date {
            font-size: 14px;
        }

}


.program-detail__title .favorite, .program-detail__title .favorite--active {
    top: 160px;
    right: 90px;
}

@media (max-width: 1024px){
    .networking__elements-container{
        overflow-y: scroll;
    }
}


/*NAVBAR CUSTOM*/
@media (min-width:1024px) {



    .menu__icon,
    .menu__icon-close {
        display: none !important;
    }


    #menu__list {
        display: block !important;
    }

    .main-menu {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        gap: 40px;
        position: static !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

        .main-menu > li {
            position: relative;
            width: auto;
        }

            .main-menu > li > a {
                padding: 10px 0 !important;
     
                color: white;
                text-decoration: none;
                white-space: nowrap;
            }

        /* SUBMENUS */

        .main-menu .submenu,
        .main-menu .nav-submenu {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 260px;
            display: flex;
            flex-direction: column;
            background-color: #fff;
            color: var(--color-secondary-medium);
            padding: 10px 0 !important;
            margin: 0 !important;
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
            max-height: max-content;
            overflow: visible !important;
            z-index: 999;
            border-radius: 10px;
            border: 1px solid var(--color-muted-white)
        }

            /* LINKS SUBMENU */

            .main-menu .submenu li a,
            .main-menu .nav-submenu li a {
                padding: 12px 20px !important;
                font-size: 13px;
                color: var(--color-secondary-medium);
                text-align: left;
                justify-content: flex-start;
                opacity:0.9
     
            }

                .main-menu .submenu li a:hover,
                .main-menu .nav-submenu li a:hover {
                opacity:1
                 
                }

        /* HOVER */

        .main-menu > li:hover > .submenu,
        .main-menu > li:hover > .nav-submenu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
}