﻿body {
	padding-top: 125px;
}

@media (min-width:1024px) {


	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
	}

	.navigation-bar {
		display: block;
		padding: 0
	}

	.navigation-bar__menu li:hover {
		background-color: transparent;
	}

	.menu__icon,
	.menu__icon-close {
		display: none
	}


	.navigation-bar-container {
		display: grid;
		grid-template-columns: 1fr 0fr 3fr;
		width: 100%;
		align-items: center;
		justify-content: center;
		padding: 40px 32px 12px
	}

	.navigation-bar-container ul {
		display: flex;
		align-items: center;
		justify-content: right;
		gap: 20px;
		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;
			justify-content: flex-end;
			flex-wrap: wrap;
			row-gap: 0;
		}

	.navigation-bar__menu {
		grid-column: 3;
		background-color:#fff
	}
		.navigation-bar__menu li {
			text-transform: uppercase;
			font-weight: 500;
			background-color: #fff
		}
			.navigation-bar__menu li:hover a {
				color: rgb(31,115,47)
			}

		

		.navigation-bar__menu a.selected {
			
			color: rgb(31,115,47)
		}
	.navigation-bar-container a > img{
		width:initial;
		margin: 0 0 0 20px
	}

	.navigation-bar-container ul {
		position: initial;
		padding-top: initial;
		background-color: #fff;
	}
	.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:14px;
		font-family: 'Montserrat'
	}


	.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: #28942D;
		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 #018601;
		display: flex;
		align-items: center;
	}
		.icon-social:last-of-type {
			border-right: 1px solid #018601;
		}
	
	.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%
	}

	.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: 10px 0 0;
	}

	/*************************************
	                          PONENTES 
**************************************/
	.speakers__container {
		width: 50%;
	}

	.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)) .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;*/
	}

	.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 .networking__elements-container,
		#actividades .networking__elements-container,
		#equipo .networking__elements-container {
			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;
		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);
		
	}

	/*************************************
							   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;		
	}
}


.program-detail__title .favorite, .program-detail__title .favorite--active {
	top:160px;
	right:90px;
}