*[show-only-mobile]
	{
		display:none !important;
	}
	
	
    #container 
    {
        align-items:center;
        justify-content: center;
        padding:0px !important;
    }
	
	
	#containerForm
	{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		gap:10px;
		align-items:center;
		width:100%;
		padding:8px;
	}

	#containerFormWidget 
	{
		
  		
	}

    #confirmMovileControlMapContainer  
    {
        font-size:19px;
    }

	#textSelectedWidgetMapContainer
	{
		display:none;
		color:white;
		flex:1;
		justify-content:start;
		gap:5px;
		align-items:center;
	}

	#movileControlMapContainer 
	{
		display:none;
		flex:1;
		height:50px;
		justify-content:center;
		align-items:center;
	}

	#containerMobileWidgetMapContainer
	{
  		display: flex;
		justify-content:center;
		align-items:center;
	}

	#mapContainer
	{
		display:none;
		flex-direction:column;
	}

	#widgetMapContainer
	{
		display:flex;	
		gap:15px;
	}

		#leftWidgetMapContainer
		{
			display:flex;
			flex-direction:column;
			align-items:center;
			gap:10px;
		}

			#leftWidgetMapContainer .box
			{
				width:300px;
			}
	
		#rightWidgetMapContainer
		{
			display:flex;
			flex-direction:column;
			gap:10px;
		}

		#bodyRightWidgetMapContainer 
		{
			display:flex;	
			flex-direction:column;
			background: #ffffff59;
			border-radius: 7px;
			box-shadow: rgba(0, 0, 0, 0.17) 3px 3px 3px 3px;
			transition:0.4s;
			border: 1px solid #00000061;
			justify-content: center;
  			align-items: center;
  			overflow:hidden;
		}


		#headerWidgetMapContainer
		{
			display:none;
			padding:8px;
			color:white;
			font-weight:600;
		}

			#headerWidgetMapContainer > div:first-child
			{
				font-size:22px;
			}
			
			#plazaSelectedWidgetMapController
			{

			}

			#controlWidgetMapContainer
			{
				display:none;
				padding:8px;
				text-align:center;
				height:60px;
			}

			#reservarWidgetMapContainer
			{
				display:none;
			}

	#mapContainer
	{
		
	}

	#loadingMapContainer > div:first-child
	{
		background: white;
		padding: 12px;
		margin: 0 auto;
		width: 335px;
		border-radius: 12px;
		box-shadow: 3px 3px 3px #000000a3;
		font-size: 17px;
		text-align: center;
		margin-top:30px;
	}

		#containerLoadingMapContainer > img
		{
			width:33px;
		
		}


	#loadingMapContainer > div:last-child
	{

	}


	map-widget
	{
		border: 1px solid rgba(0, 0, 0, 0.29);
  		margin: 3px;
	}


	#controlsMobileWidgetMapContainer 
	{
		display: none;
		gap: 3px;
	}




	.closeRoundButton
	{
		color: black;
		border-radius: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		background: white;
		width: 65px;
		height: 65px;
		font-size: 32px;
		border: 3px dashed #ff00006b;
		cursor: pointer;
	}






   .alert 
   {
	margin-bottom: 3px !important;
   }




	

	@media( max-width:900px ) 
	{
	    
	    #container 
	    {
	        /*justify-content: start;*/
	        padding-left:0px;
	        padding-right: 0px;
	    }
	    

		
		.box
		{
			width:100% !important;
		}
		

		
		#containerFormWidget.show {
            position: fixed;
            top: 0;
            left: 0;
            height: 100vh;
            flex-direction: column;
            padding: 5px;
            z-index: 100;
            background: #000000d4;
		}
		
		
		
		#mapContainer
		{
		    width: 95vw;
		}

		#messageBox
		{
			background:none !important;
			padding:0 !important;
			margin-bottom:8px !important;
		}

		#controlWidgetMapContainer
		{
			display:flex !important;
			visibility: hidden;
		}

		#controlsMobileWidgetMapContainer 
		{
			width:100%;
		
		}

		#textSelectedWidgetMapContainer
		{
			display:flex;
		}

		#controlsMobileWidgetMapContainer 
		{
			display: flex;
		}

		#movileControlMapContainer
		{
			display:flex !important;
		}

		#leftWidgetMapContainer  , #widgetMapContainer
		{
			width:100%;
		}

		#rightWidgetMapContainer 
		{
			display:flex;
			position:fixed;
			top:0;
			left:0;
			height:100vh;
			width:100vw;
			flex-direction:column;
			justify-content:center;
			align-items:center;
			padding:5px;
            z-index: 100;
		}

		#containerMobileWidgetMapContainer
		{
		  background: #ffffff59;
		  border-radius: 7px;
		  box-shadow: rgba(0, 0, 0, 0.17) 3px 3px 3px 3px;
		  transition: 0.4s;
		  padding-bottom:30px;
		  border: 1px solid #00000061;
		}

		#rightWidgetMapContainer
		{
			background:#000000d4;
		}

		#headerWidgetMapContainer
		{
			display:flex;
			flex-direction:column-reverse;
		}

		#headerWidgetMapContainer button
		{
			text-align:center !important;
		}

		#containerFormWidget
		{
			padding-left:10px;
			padding-right:10px;
			width: 100vw;
			display: flex;
			align-items: center;
			justify-content: center;
			flex:1;
		}


		#containerForm:has(#mapContainer:not([show-only-pc])) #containerFormWidget 
		{
			background:#000000e5;
		}

		*[show-only-mobile]
		{
			display:flex !important;
		}

		*[show-only-pc]
		{
			display:none !important;
		}
	}