﻿body {
	padding-top: 66px;
}

@media (min-width:1024px) {


	main {
		max-width: 1440px;
		margin: 0 auto;
		overflow-x: hidden;
	}

	.top-bar {
		top: 64px;
	}

	.top-bar__container {
		max-width: 1440px;
		margin: 0 auto;
		overflow-x: hidden;
		padding: 0 30px
	}

	.navigation-bar {
		display: block;
	}

	.navigation-bar-container {
		display: grid;
		grid-template-columns: 1fr 3fr 1fr;
		width: 100%;
		max-width: 1440px;
		margin: 0 auto;
		align-items: center;
		justify-content: center;
		height: 64px;
		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 ul:first-of-type {
		display: flex;
		justify-content: space-around;
		gap: unset
	}

		.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;
	}

	.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%
	}

	.networking__buttons {
		margin: 24px 0 10px
	}

		.networking__buttons a,
		.btn-meeting {
			width: 49%;
			text-align: center;
		}

	.networking-chat__container {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 40%;
		background-color: var(--color-background);
		margin: 85px 34px 100px;
		border-radius: 10px;
		position: fixed;
		height: calc(100% - 165px);
	}

		.networking-chat__container li {
			padding: 0px 24px 40px;
		}

		.networking-chat__container ul {
			height: calc(100% - 90px);
			overflow: scroll;
			width: 100%;
		}

	.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;
	}

	.networking__search-container {
		margin: 32px 0 22px 0;
	}

	#divMeetings .networking__element {
		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: 80px 0 0;
	}

	/*************************************
	                          PONENTES 
**************************************/
	.speakers__container {
		width: 50%;
	}

	.exhibitors__search-container {
		margin-right: 0
	}

	.speakers-detail__container {
		margin-top: 95px
	}

	/*************************************
	                       EXPOSITORES 
**************************************/

	.exhibitors__container {
		width: 50%
	}

		.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;
	}

		.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__team .networking__elements-container {
		width: 50%
	}

	.exhibitors-detail__container div:not(:nth-child(5)) .networking__element {
		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: 60%;
		justify-content: space-between;
	}

	.profile__container .profile__buttons-container {
		position: absolute;
		top: 205px;
		bottom: unset;
		padding: 0;
		margin: 70px 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);
		
	}
	}


