body {
    padding-top: 66px;
}

@media (min-width:768px) {
    main {
        margin-top: 80px !important;
    }

    .modal__details {
        width: 100%;
    }

    #img_carrusel {
        max-width: 1020px;
        margin: auto;
        width: 100%;
        height: auto;
        position: relative;
    }

    main {
        max-width: 1440px;
        overflow-x: hidden;
    }
/*
    .detail__modal__container.modalover {
        max-width: 1440px;
        margin: 0 auto;
        overflow-x: hidden;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }*/

    .top-bar {
        top: 64px;
    }

    .top-bar__container {
        max-width: 1440px;
        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;
        background-color:var(--color-background);
    }

    .navigation-bar-container {
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: 1440px;
        margin: 0 auto;
        align-items: center;
        padding: 12px 32px
    }

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

    .navigation-bar-container ul {
        display: flex;
        align-items: center;
        justify-content: right;
        gap: 20px;
    }

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

    .navigation-bar-container > img {
        margin: 0
    }

    .navigation-bar-container .rounded > li{
        background-color: var(--primary-color) !important;
    }
    .navigation-bar-container .rounded > li img{
        filter:invert(1);
    }

        .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;
    }

    .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: #444444;
        border-radius: 25px;
        padding: 8px 20px;
    }*/

    .rounded li {
        background-color: #444444;
        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: 16px
        }

    .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: 16px;
    }

        .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: 45px
            }

    .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%;
        justify-self: center;
    }

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

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

    .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;
        background-color: #b4b4b4;
    }

    .networking-chat__container {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 40%;
        background-color: var(--color-background);
        margin: 55px 34px 100px;
        border-radius: 10px;
        position: fixed;
        height: calc(100% - 165px);
        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
    }

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

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

    #btnMore {
        margin: 20px 0
    }

    /*************************************
								AGENDA 
**************************************/


    .schedule-content, .meetings-content {
        display: flex;
        justify-content: space-around;
        font-family: var(--font-secondary);
        width: 30%;
        margin: 50px 0 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: 50%;
        justify-self: center;
    }

        .exhibitors__container .btn-general span {
            flex-direction: row;
            align-items: center;
            gap: 24px
        }

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

    .exhibitors-detail__container {
        margin-top: 65px;
        padding: 40px 24px;
        max-width: 900px;
        margin: auto;
        flex-direction: column;
    }

        .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__section .networking__elements-container {
		width: 50%
	}*/

        .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;
        margin: 0
    }
    /*************************************
	                    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: 205px;
        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;
        background-color: var(--color-muted-white);
        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);
    }
}