#form_contacto{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
	
	> div.formulario{
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: white;
		padding: 20px;
		border-radius: 8px;
		box-shadow: 0 4px 12px rgba(0,0,0,0.2);
		z-index: 1000;
		width: 400px;
		max-width: 90%;
	}

	h3{
		margin-top: 0;
		margin-bottom: 15px;
		font-size: 20px;
		color: #333;
		text-align: center;
	}

	label:not(:has(.acepto)){
		display: flex;
		flex-direction: column;
		font-size: 14px;
		margin-bottom: 12px;
		color: #333;
		font-weight: 500;
		
		
		input, textarea{
			margin-top: 6px;
			padding: 8px;
			font-size: 14px;
			border: 1px solid #ced4da;
			border-radius: 4px;
			outline: none;
			box-sizing: border-box;
		}
		textarea{
			resize: vertical;
			min-height: 80px;
		}
		input:read-only{
			background-color: #f1f1f1;
			cursor: default;
		}
	}
	label:has(.acepto){
		display: flex;
		align-items: center;
		font-size: 14px;
		margin-bottom: 12px;
		color: #333;
		font-weight: 500;
		gap: 4px;
		cursor: pointer;
	}
	.acciones{
		display: flex;
		justify-content: flex-end;
		gap: 10px;
		margin-top: 10px;
	}
	button{
		padding: 8px 16px;
		font-size: 14px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		&.enviar{
			background-color: #0cafcc;
			color: white;
			&:hover{
				background-color: #0a9ab8;
			}
		}
		&.cerrar{
			background-color: #6c757d;
			color: white;
			&:hover{
				background-color: #5a6268;
			}
		}
	}
}